Documentation

@minch/nuxt-basis is a base layer for Nuxt Projects that provides a pre-configured setup with Nuxt 4, Tailwind CSS 4, and additional modules.

Features

Pre-configured modules:
- @nuxt/eslint - ESLint integration
- @nuxt/content - Content management
- @nuxt/image - Image optimization
- @nuxt/test-utils - Testing utilities
- @nuxt/ui - UI components
Built-in TailwindCSS 4 configuration
TypeScript support
DevTools enabled by default

Installation

pnpm add -D @minch/nuxt-basis

Usage

Add the layer to your nuxt.config.ts:

export default defineNuxtConfig({
  extends: ["@minch/nuxt-basis"],
});

(Optional) Configure modules in nuxt.config.ts:

export default defineNuxtConfig({
  extends: ["@minch/nuxt-basis"],
  baseModules: {
    eslint: true, // Enable/disable ESLint module
    content: true, // Enable/disable Content module
    image: true, // Enable/disable Image module
    testUtils: true, // Enable/disable Test Utils module
    ui: true, // Enable/disable UI module
  },
});

All modules are enabled by default. Set any option to false to disable that module.

TailwindCSS Integration

This layer includes TailwindCSS by default. You can import the base styles in your project:

// In your CSS file
@import '@minch/nuxt-basis/tailwind';

Development

The .playground directory contains an example implementation of this layer.

# Install dependencies
pnpm install

# Develop with the playground
pnpm dev

# Build the playground
pnpm build

# Generate static playground
pnpm generate

# Preview the build
pnpm preview