nuxt-foundation-layer

🧰 A foundational Nuxt layer with all the tools to build powerful full-stack applications.

Configuration

1. Install the layer

[npm|yarn|pnpm|bun] add nuxt-foundation-layer

2. Extend your Nuxt config

// ~/nuxt.config.ts
export default defineNuxtConfig({
  extends: ["nuxt-foundation-layer"],
});

3. Dust off your keyboard, you have an application to build!

Modules

The nuxt-foundation-layer installs a number of modules:

| Module | Description | | ------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------- | | @pinia/nuxt | 🍍 Intuitive, type safe, light and flexible Store for Vue using the composition api with DevTools suppor | | @nuxt/eslint | Collection of ESLint-related packages for Nuxt | | @vueuse/nuxt | Collection of essential Vue Composition Utilities for Vue 2 and 3 | | @unocss/nuxt | The instant on-demand atomic CSS engine. | | nuxt-rebar | 🤘 Rock-solid generic & extensible components in Nuxt w/ the power of UnoCSS, Untheme, & Radix. | | nuxt-rosetta | 🌹 Translate application content & effortlessly switch languages in Nuxt. | | nuxt-cereal | 🥣 Cereal-ize JSON data into literally-typed constants, enums, & options in Nuxt. | | nuxt-untheme | 🔮 Build your own tokenized design system w/ dynamic CSS vars in Nuxt using Untheme. | | nuxt-typed-router | 🚦 Provide autocompletion and typecheck to Nuxt router | | nuxt-security | 🛡 Automatically configure your app to follow OWASP security patterns and principles by using HTTP Headers and Middleware |