Loading...
Loading...
> Assemble a production-ready landing page and core features in minutes.
This guide assumes you have completed the Getting Started setup and have your local development server running.
Update src/app/page.tsx with pre-built components
1import { Navigation } from "@/components/marketing/navigation";2import { HeroSection } from "@/components/marketing/hero-section";3import { FeaturesSection } from "@/components/marketing/features-section";4import { PricingSection } from "@/components/marketing/pricing-section";5import { FAQSection } from "@/components/marketing/faq-section";6import { Footer } from "@/components/shared/footer";78export default function HomePage() {9 return (10 <div className="min-h-screen bg-background">11 <Navigation />12 <HeroSection />13 <FeaturesSection />14 <PricingSection />15 <FAQSection />16 <Footer />17 </div>18 );19}
Open src/config.js to customize your application
1const config = {2 app: {3 name: "Acme Corp",4 description: "The enterprise solution for...",5 url: process.env.NEXT_PUBLIC_APP_URL,6 author: "Acme Team",7 supportEmail: "support@acme.com",8 },9 // ...10};
Swap the CTA for a waitlist form for Coming Soon pages
1// In hero-section.tsx2import { WaitlistForm } from "@/components/waitlist-form";34// Replace Button with:5<WaitlistForm />
Push to Vercel for automatic SSL, edge caching, and CI/CD
1$git add .2$git commit -m "Initial MVP release"3$git push origin main
[ERROR]: Port 3000 already in use
Solution: Run on different port or kill existing process
# Option 1: Run on different port
npm run dev -- -p 3001
# Option 2: Kill existing process (Mac/Linux)
lsof -ti:3000 | xargs kill -9
# Option 3: Use built-in kill script
npm run kill[ERROR]: Cannot find module 'xyz'
Solution: Install dependencies
# Delete node_modules and reinstall
rm -rf node_modules package-lock.json
npm install --legacy-peer-deps
# Or just reinstall
npm install --legacy-peer-deps[ERROR]: Prisma Client is not configured
Solution: Generate Prisma Client and push schema
# Generate Prisma Client
npx prisma generate
# Push database schema
npm run db:push
# Restart dev server
npm run dev