nuxt-hub-landing icon indicating copy to clipboard operation
nuxt-hub-landing copied to clipboard

A starter template to collect emails with NuxtJs using NuxtHub.

NuxtHubLanding - Landing Page Boilerplate

The Nuxt boilerplate for building yor landing page in minutes, while deploy it with NuxtHub.

Look at the Nuxt 3 documentation to learn more.

Tech Stack

TypeScript Nuxt.js TailwindCSS

Prerequisites

Setup

# clone repository
git clone https://github.com/lowbits/nuxt-hub-landing.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

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.

Roadmap

  • [X] Add rate limiting via NuxtSecurity
  • [ ] Add Double-Opt-in
  • [ ] Add more basic components
    • [ ] Faq-Area
    • [ ] Pricing-Area
  • [ ] Add ability of customisation via config
  • [ ] Add light mode