menu
HomePostsGalleryToolsAbout
search
...
Posts/Series/Build a Site from Scratch
Series · 01Build a Site from Scratch
Series · 01In progress

Build a Site from Scratch

From empty folder to deployed personal site — Next.js, MDX, i18n, search, RSS. Each chapter is a standalone build step, but they stack.

next.jstailwindmdx
3 / 15 chaptersStarted May 2026·May 26

For whom

Developers who want a real personal site, not a tutorial clone. You should be comfortable with JavaScript and React basics.

You'll learn

  • Next.js App Router from scratch
  • MDX content pipeline with frontmatter
  • i18n routing and translation loading
  • Search, RSS, sitemap, and deployment

Chapters

Click any chapter to preview →
01Project Setup & Tooling8 min read02Next.js App Router Basics10 min read03Layout, Fonts & Global Styles7 min read04MDX Content Pipeline12 min readNew05Frontmatter & Post Metadata6 min read06Blog List & Post Pages9 min read07Dark Mode & Theme Tokens8 min read08i18n Routing & Translations11 min read09Search with Pagefind7 min read10RSS & Sitemap5 min read11SEO & Open Graph6 min read12Analytics & Web Vitals8 min read13Deploy to Vercel6 min read14Custom Domain & DNS5 min read15Polish & Ship9 min read