Initium Nuxt

screenshot of Initium Nuxt

An opinionated starter for using Nuxt, Tailwind & Storybook.

Overview

The lautr/initium-nuxt is a theme inspired by antfu vitesse nuxt. It is optimized for usage with VSCode and comes with various features such as Nuxt 3 for SSR, ESR, file-based routing, and more. It also includes Vite for instant hot module replacement, Vitest for unit testing, and Tailwind 3 for utility-first CSS framework. Additionally, it supports Storybook for building UI components and pages in isolation and offers dark, light, and custom color modes integrated with Tailwind and Nuxt. The theme also includes various plugins like Vue Macros for extending Vue with macros and syntax sugar, and Nuxt Modules for additional functionality.

Features

  • Nuxt 3 - SSR, ESR, File-based routing, components auto importing, modules, etc.
  • Optimized for VSCode usage
  • Vite - Instant HMR
  • Vitest - A blazing fast unit test framework
  • Monorepo - workspace setup using pnpm
  • Tailwind 3 - the utility-first CSS framework
  • Storybook - build UI components and pages in isolation
  • Color Mode - dark, light & custom mode integrated in Tailwind and Nuxt
  • The <script setup> syntax
  • State Management via Pinia, see ./stores/AuthStore.ts
  • Vue Macros - Explore and extend more macros and syntax sugar to Vue.
  • APIs auto importing - for Composition API, VueUse, Components (locally & from design), and custom composables
  • TypeScript - JavaScript, but strongly typed and better

Summary

The lautr/initium-nuxt theme is a feature-rich theme inspired by antfu vitesse nuxt. It provides an optimized experience for VSCode users and comes with various features like Nuxt 3, Vite, Tailwin 3, and Storybook. It also includes plugins like Vue Macros and Nuxt Modules for extended functionality. Follow the installation guide to set up the theme and enjoy a seamless development experience.

eslint
Eslint

ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.