Launch in 5 minutes
Go from fresh clone to a real landing page live on the internet — in under five minutes.
1. Fill in the minimum config
Open src/config.ts and update these four fields — everything else on the landing page flows from them:
const appName = "Your App";
const domainName = "yourapp.com";
// Inside the config object:
appDescription: "One sentence that describes what your app does.",
mail: {
fromAdmin: "Your App <hello@yourapp.com>",
...
},fromAdminmust use a domain you own. While developing locally you can leave it as-is — emails simply won't send until you verify a domain in Resend.2. Assemble your landing page
Copy and paste this into src/app/page.tsx. Add or remove components to build the landing page you want:
import { Suspense } from "react";
import Header from "@/components/Header";
import Hero from "@/components/Hero";
import Problem from "@/components/Problem";
import FeaturesAccordion from "@/components/FeaturesAccordion";
import Pricing from "@/components/Pricing";
import FAQ from "@/components/FAQ";
import CTA from "@/components/CTA";
import Footer from "@/components/Footer";
export default function Home() {
return (
<>
<Suspense>
<Header />
</Suspense>
<main>
<Hero />
<Problem />
<FeaturesAccordion />
<Pricing />
<FAQ />
<CTA />
</main>
<Footer />
</>
);
}3. Edit your copy
Most copy lives in src/config.ts — hero headline, pricing cards, stats, logo cloud, FAQ items. For sections with copy baked into the component (like Problem and FeaturesAccordion), open the file in src/components/ and edit the data array at the top.
4. Preview it
npm run devOpen http://localhost:3000. You should see your branded landing page. Keep the dev server running and your edits reload instantly.
5. Deploy
Push to GitHub and import the repository into Vercel. Full steps are in the Deployment guide.
git add .
git commit -m "initial launch"
git push