StevenJPx2 / popcorn

🍿 A sane Nuxt layer starter for all my websites

Popcorn

Create Nuxt extendable layer with this GitHub template.

Motivation

This is to make the most sane starter which includes:

• Animation helpers
• Web page optimizers
  • Inline critical CSS
  • Offload JS
  • Font override
  • Partial hydration
• SEO optimization

Setup

Make sure to install the dependencies:

pnpm install

Usage

First, install the package with your favorite package manager:

pnpm install @fdcn/popcorn

Add the dependency to their extends in nuxt.config:

defineNuxtConfig({
  extends: '@fdcn/popcorn'
})

Development Server

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

pnpm dev

Production

Build the application for production:

pnpm build

Or statically generate it with:

pnpm generate

Locally preview production build:

pnpm preview

Checkout the deployment documentation for more information.