← All posts

Building with Next.js and AWS Amplify

next.jsawstutorial

This site is built with Next.js and hosted on AWS Amplify. Here's the full setup.

The stack

  • Frontend: Next.js 14 (App Router)
  • Styling: Tailwind CSS
  • Blog: MDX files via next-mdx-remote
  • Hosting: AWS Amplify (free tier)

Why this stack?

Next.js gives flexibility for both static and server-rendered pages. The blog posts are MDX files checked into the repo — no database, no CMS, version-controlled alongside the code.

AWS Amplify handles hosting with zero config for Next.js: push to GitHub, it builds and deploys automatically, HTTPS included.

Deploying to Amplify

  1. Go to the AWS Amplify Console
  2. Choose Deploy without Git for a manual upload, or connect your GitHub repo for auto-deploys
  3. Amplify detects Next.js automatically and configures the build
  4. You get a live HTTPS URL in about 2 minutes

For branch-based environments (beta + prod), connect your repo and configure which branches to deploy — each branch gets its own URL automatically.