Develit.io Nuxt Starter Template

Pre-installed Icons

Linter & Prettier

We don't use Prettier at all since it's also disabled in the .vscode/settings

We use @nuxt/eslint instead with enabled config.stylistic

Page titles

you can define page title just by page meta

definePageMeta({ title: 'Blog' })

Utilities & helper libraries

  • UnoCSS - the instant on-demand atomic CSS engine.
  • @nuxt/image - Resize and transform your images using built-in optimizer or your favorite images CDN.
  • magic-regexp - A compiled-away, type-safe, readable RegExp alternative createRegExp(exactly('foo/test.js').after('bar/'))
  • nuxt-radash - lot of handy functions for array manipulating, etc first, last, group, replace, ...
  • @nuxt/color-mode - Dark and Light mode with auto detection made easy with Nuxt 🌗
  • nuxt-time - SSR/SSG-safe rendering of any date/time (Prevents hydration mismatch)

Contribution

please read Develit Contribution Guidlines

We respect the conventional commits as we also use commitlint and precommit hooks to check the right syntax

We also use lint-staged to run eslint against staged files

  • Clone this repository
  • Enable Corepack using corepack enable
  • Install dependencies using pnpm install
  • Use pnpm dev to start a local server

IDE

We recommend using VS Code with Volar to get the best experience (You might want to disable Vetur if you have it).