Sirius

This is my personal site, built with Next.js, Vercel, and Tailwind CSS using the Nextfolio template.

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/Site imsirius

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.

Licence

MIT License.