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.
- Framework: Next.js
- Typography: Vercel Geist Font
- Styling: Tailwind CSS
- Analytics: Vercel Web Analytics and Speed Insights
- Deployment: Vercel
- 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.
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.
- Update the site metadata and social links in
app/config.tsto set up SEO, feeds, social links, and Open Graph settings. - Update your routes in
app/sitemap.tsfor SEO optimization. - Update your blog posts in the
/contentfolder.
For more information about configuration, follow the instructions in the Getting Started post.
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!
Nextfolio is open-source and released under the MIT License.