Step 1 / 6 · about 8 min

Create a Next.js app

Install Node.js, then in a terminal run: npx create-next-app@latest my-landing — accept the defaults. Or use an online editor like StackBlitz to skip setup.

💡 1-minNext.js is a popular framework for real web apps. This path is the biggest leap, but it gives you a foundation you can grow into an actual product later.

▶ Your first Next.js app (8 min) ↗

✅ Check: Running 'npm run dev' shows the starter app at localhost:3000.

Step 2 / 6 · about 8 min

Replace the homepage text

Open app/page.tsx, delete the starter content, and add your headline + subheading. Use ChatGPT to draft the copy if you like.

💡 1-minapp/page.tsx is your homepage. Changing what's between the tags changes what visitors see. Save and the browser updates instantly.

✅ Check: Your headline shows on localhost:3000 after saving.

Step 3 / 6 · about 8 min

Add a simple email form

Add an HTML <form> with an email input. For now point it at a free form backend (e.g. Formspree) so submissions land in your inbox — no database needed.

💡 1-minA form backend like Formspree captures signups without you building a server or database. Perfect for validating demand before investing more.

▶ Add a form with Formspree (5 min) ↗

✅ Check: Submitting the form sends you an email.

Step 4 / 6 · about 8 min

Push your code to GitHub

Create a free GitHub repo and push your project (the video shows the commands).

💡 1-minGitHub stores your code online and connects to hosting. This is also the standard way developers back up and share projects.

▶ Push a project to GitHub (5 min) ↗

✅ Check: Your code appears in a GitHub repository.

Step 5 / 6 · about 8 min

Deploy to Vercel — get a real URL

Go to vercel.com, sign in with GitHub, import your repo, and click Deploy. You get a live URL in ~1 minute.

💡 1-minVercel turns your GitHub repo into a live website automatically. Every future push redeploys it — your page updates itself.

✅ Check: Your Vercel URL opens your landing page publicly.

🌐 your-app.vercel.app is live — a real coded landing page, fully yours.

Step 6 / 6 · about 8 min

Share it and get your first signup

Send the URL to 5 people and ask for honest reactions.

💡 1-minYou didn't just make a page — you shipped a real app you can keep building on. The first signup proves it was worth it.

✅ Check: At least one real person signed up via your form.

Your idea → a live landing page + waitlist