This project has been migrated from PHP to a modern Next.js 14 + TypeScript stack with Prisma for database management.

• Framework: Next.js 14 (React 18)
• Language: TypeScript
• Database: PostgreSQL
• ORM: Prisma
• Styling: CSS Modules
• API: Next.js App Router with API Routes

/workspaces/Landing-Page/
├── app/
│   ├── api/
│   │   └── signup/
│   │       └── route.ts          # Beta signup API endpoint
│   ├── layout.tsx                 # Root layout
│   ├── page.tsx                   # Home page
│   ├── globals.css                # Global styles
│   └── favicon.ico
├── components/
│   ├── BetaModal.tsx             # Beta signup modal component
│   ├── BetaModal.module.css       # Modal styles
│   └── Home.module.css            # Home page styles
├── lib/
│   └── db.ts                      # Prisma client singleton
├── prisma/
│   └── schema.prisma              # Database schema
├── public/
│   ├── favicon.svg
│   ├── logo.svg
│   └── logo-black.svg
├── package.json
├── next.config.js
├── tsconfig.json
└── .env.local                     # Environment variables (not in git)
 variables (not in git)

npm install

Create a .env.local file in the root directory:

cp .env.local.example .env.local

Update .env.local with your PostgreSQL connection string:

DATABASE_URL="postgresql://user:password@localhost:5432/cucumbu"

Generate Prisma client and run migrations:

# Generate Prisma client
npx prisma generate



# Create the database and run migrations
npx prisma migrate dev --name init



# Optional: Seed the database (if seed.ts exists)

# npx prisma db seed

To view your database in Prisma Studio:

npx prisma studio

npm run dev

Open http://localhost:3000 in your browser.

• Hero section with video
• Features showcase
• How it works section
• Integrations showcase
• Call-to-action section
• Fully responsive design

• Modal form with validation
• Fields: Name, Email, Company, Role, Use Case
• Database persistence
• Error handling and user feedback
• Prevents duplicate email registrations

POST /api/signup

Accepts form data with the following fields:

• name (required): User's full name
• email (required): User's email address
• company (optional): Company/organization name
• role (optional): User's role
• message (optional): Use case description

Response:

{
   "success": true,
   "message": "Welcome to the beta! Check your email for next steps.",
   "data": { /* signup record */ }
}}

model BetaSignup {

  id        Int     @id @default(autoincrement())

  name      String

  email     String  @unique

  company   String?

  role      String?

  message   String?

  createdAt DateTime @default(now())

  updatedAt DateTime @updatedAt

}

• Edit React components in /components or /app
• Styles are colocated as CSS modules
• API routes are in /app/api

• Update prisma/schema.prisma
• Create migration: npx prisma migrate dev --name feature_name

npm run build
npm startt

Required:

• DATABASE_URL: PostgreSQL connection string

Optional (for future email functionality):

• SENDGRID_API_KEY or NODEMAILER_* variables

1. Email Integration: Add email notification on signup (SendGrid, Nodemailer, etc.)
2. Admin Dashboard: Create admin panel to view signups
3. Rate Limiting: Add rate limiting to the signup endpoint
4. Email Validation: Verify emails before accepting signups
5. Deployment: Deploy to Vercel, AWS, or your preferred hosting

npm i -g vercel
vercell

Create a Dockerfile for containerized deployment.

npm run build
npm startt

npm run dev -- -p 3001

• Verify DATABASE_URL in .env.local
• Ensure PostgreSQL server is running
• Check firewall/network settings

rm -rf node_modules/.prisma
npx prisma generatee

For detailed API documentation, see API_DOCS.md (if available).

1. Create a feature branch
2. Make changes
3. Test thoroughly
4. Submit pull request

© 2026 cucumbu. All rights reserved.

For issues or questions, contact: [email protected]