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

• Framework: Next.js
• 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.

Researchfolio 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/pushpakumarbalan/researchfolio my-portfolio

Start the development server:

pnpm dev

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

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.

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!

Acknowledgements: This project is based on and inspired by al-folio.