Nuxt Minimal Starter

Look at the Nuxt documentation to learn more.

Setup

Make sure to install dependencies:

# npm
npm install
# pnpm
pnpm install
# yarn
yarn install
# bun
bun install

Development Server

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

# npm
npm run dev
# pnpm
pnpm dev
# yarn
yarn dev
# bun
bun run dev

Production

Build the application for production:

# npm
npm run build
# pnpm
pnpm build
# yarn
yarn build
# bun
bun run build

Locally preview production build:

# npm
npm run preview
# pnpm
pnpm preview
# yarn
yarn preview
# bun
bun run preview

Check out the deployment documentation for more information.

Todo

• eventually replace "shadcn-nuxt": "https://pkg.pr.new/shadcn-nuxt@1418", when the "Two components" bug is fixed:

  • unovue/shadcn-vue#1416

• check back on this eslint-plugin-better-tailwindcss thread:

  • schoero/eslint-plugin-better-tailwindcss#228

• figure out why disabling entryPoint for better-tailwindcss solves all my "unregistered class" problems???

  • schoero/eslint-plugin-better-tailwindcss#228

• eventually remove explicit eslint.config.ts flag in package.json once ESLint >9 recognizes .ts config files natively

• figure out why 'import-notation': 'string' in ./stylelint.config.js is necessary for better-tailwindcss not to break, aka why @import url("") breaks stylelint. thank god for @nuxt/fonts removing the need to have google fonts import via url

notes

• the pnpm sharp override in package.json is from: nuxt/image#204

• give this a try later, like on the 14kb website size page where I got it from:

<svg class="hidden" xmlns="http://www.w3.org/2000/svg">
  <desc>https://endtimes.dev/practical-betterments/</desc>
  <filter id="x" height="500%">
    <feTurbulence
      baseFrequency="0.01 0.02"
      numOctaves="2"
      result="t0"
    ></feTurbulence>
    <feDisplacementMap
      in="SourceGraphic"
      in2="t0"
      result="d0"
      scale="4"
    ></feDisplacementMap>
    <feComposite
      in="SourceGraphic"
      in2="d0"
      operator="atop"
      result="0"
    ></feComposite>
    <feTurbulence baseFrequency="1" numOctaves="2" result="t1"></feTurbulence>
    <feDisplacementMap
      in="0"
      in2="t1"
      result="d1"
      scale="1"
    ></feDisplacementMap>
    <feComposite in="0" in2="d1" operator="atop" result="1"></feComposite>
    <feOffset dx="-3" dy="-3" in="1"></feOffset>
  </filter>
</svg>

<svg class="hidden" xmlns="http://www.w3.org/2000/svg">
  <filter id="xs">
    <feTurbulence
      baseFrequency="0.01 0.02"
      numOctaves="2"
      result="t0"
    ></feTurbulence>
    <feDisplacementMap
      in="SourceGraphic"
      in2="t0"
      result="d0"
      scale="4"
    ></feDisplacementMap>
    <feComposite
      in="SourceGraphic"
      in2="d0"
      operator="atop"
      result="0"
    ></feComposite>
    <feTurbulence baseFrequency="1" numOctaves="2" result="t1"></feTurbulence>
    <feDisplacementMap
      in="0"
      in2="t1"
      result="d1"
      scale="1"
    ></feDisplacementMap>
    <feComposite in="0" in2="d1" operator="atop" result="1"></feComposite>
    <feOffset dx="-3" dy="-3" in="1"></feOffset>
  </filter>
</svg>