NuxtWaitlist - Simple Waitlist Template

This is a full stack nuxt waitlist template. It allows you to collect emails of people who are potentially interested in buying your product.

Tech Stack

• Typescript - Language
• Nuxt.js - Framework
• Drizzle - ORM
• Tailwind - CSS
• NuxtHub - Hosting

Prerequisites

• NuxtHub Account
• Cloudflare account

Setup

# clone repository
git clone [email protected]:masterkram/Nuxt-Waitlist.git [YOUR_APP_NAME]
cd [YOUR_APP_NAME]

# npm
npm install

Development Server

Start the development server on http://localhost:3000:

# npm
npm run dev

Customization

1. edit app.config.ts
2. edit h1 and hero description in pages/index.vue

Deploy

Deploy the application to NuxtHub

npx nuxthub deploy

# Choose
# Deploy <link> to NuxtHub?: Yes
# Select a project: Create a new project
# Project name: [YOUR_APP_NAME]
# Select a region for the storage: [YOUR_REGION]
# Production branch: main

Run the migrations

npx nuxt dev --production

Check out the deployment documentation for more information.