BlogFolio: Developer Blog and Portfolio Template

BlogFolio is a starter template for the kind of personal site most developers actually want: a portfolio that lists work, a blog that handles posts properly, and SEO that is not an afterthought. It runs on React 18 with TypeScript and Tailwind, and the structure is small enough to fork and bend without untangling someone else's abstractions.

Blog side:

• Category filtering and search
• Estimated reading time per post
• Code blocks with syntax highlighting
• Social share buttons that work on the actual platforms, not generic share intents

Portfolio side:

• Project cards with images and tags
• Skills section
• Experience timeline

Other parts that are easy to skip on a personal site:

• Contact form: Validation, loading states, toast feedback, and email integration that does not silently drop submissions
• Dark mode: Follows the system theme by default, with a manual toggle for people who want to override
• SEO: React Helmet for per-page titles, descriptions, and Open Graph tags

Stack:

• React 18 + TypeScript with a component-driven layout
• Tailwind CSS for styling
• Vite for the build, which keeps dev startup fast
• Lucide icons
• Folder structure organized by feature, not by file type

A CMS layer and admin surface are on the roadmap, but the template is already useful as a static personal site.