Back to Projects
web devcompleted
KarthNode Website
Personal brand website documenting my 100-day polymath journey. Built with Next.js, TypeScript, and Tailwind CSS.
Technologies Used
Next.jsTypeScriptTailwind CSSMDXVercel
About This Project
This website is the central hub for my #KarthNode100Days challenge. It's where I document everything I learn across 8 different domains.
Why Build Custom?
I could have used a platform like Substack or Medium, but I wanted:
- Full control over design and features
- Learn by doing — this is a web dev project in itself
- Custom MDX for interactive code examples
- Fast performance with static generation
Technical Decisions
Next.js 14 (App Router)
Chose Next.js for its excellent static site generation, which makes the blog incredibly fast. The App Router provides better layouts and loading states.
MDX for Content
MDX lets me write in Markdown while embedding React components. Perfect for tutorials with interactive examples.
Tailwind CSS
Utility-first CSS for rapid iteration. The design will evolve over 100 days, and Tailwind makes changes easy.
Features
- Blog with category filtering
- Project showcase
- Reading time estimates
- Mobile-responsive design
- Dark theme optimized for reading
What I Learned
Building this site taught me:
- Next.js App Router patterns
- MDX configuration and rendering
- Tailwind CSS best practices
- Static site generation strategies
Next Steps
- Add search functionality
- Implement RSS feed
- Add comments with Giscus
- Create a 100-day progress tracker