Nextfolio

A clean, fast, and lightweight portfolio template built with Next.js, Vercel, and Tailwind CSS for optimal performance.

Deploy your Nextfolio site with Vercel in minutes.

Technologies Used

• Framework: Next.js
• Typography: Vercel Geist Font
• Styling: Tailwind CSS
• Analytics: Vercel Web Analytics and Speed Insights
• Deployment: Vercel

Features

• MDX Support: Use Markdown with JSX components for blog posts.
• Light and Dark Mode Toggle: Switch between themes for better readability.
• Dynamic OG Images: Auto-generate Open Graph images for sharing.
• SEO Optimization: Enhance search visibility with sitemap, robots.txt, and JSON-LD schema.
• Dynamic Feed Generation: Automatic dynamic RSS, Atom, and JSON feeds.
• KaTeX Integration: Render mathematical expressions smoothly.
• Performance Tracking: Monitor web performance with Vercel Web Analytics and Speed Insights.
• Interactive Embeds: Easily embed interactive tweets and YouTube videos.
• Captions: Add descriptive captions to photos, tweets, and videos.
• Image Grid: Easily showcase image galleries or photos.

Installation

Nextfolio uses pnpm for dependency management, so ensure it is installed on your system.

Execute create-next-app with pnpm to bootstrap the example:

pnpm create next-app --example https://github.com/1msirius/Nextfolio my-portfolio

Start the development server:

pnpm dev

The server will be running at http://localhost:3000.

Configuration

1. Update the site metadata and social links in app/config.ts to set up SEO, feeds, social links, and Open Graph settings.
2. Update your routes in app/sitemap.ts for SEO optimization.
3. Update your blog posts in the /content folder.

For more information about configuration, follow the instructions in the Getting Started post.

Contributing

Contributions are welcome! To get involved, just push your code to the repo. Whether you're enhancing existing features or adding new ones, your efforts are greatly appreciated!

Licence

Nextfolio is open-source and released under the MIT License.