Installation
Get started with Nuxt Statamic module.
Quick Start
Add the correct .npmrc file to your project
.npmrc
shamefully-hoist=true
strict-peer-dependencies=false
auto-install-peers=true
@nobears-front-end:registry=https://git.nobears.nl/api/v4/packages/npm/
//git.nobears.nl/:_authToken=${GIT_NOBEARS_TOKEN}
Install the eslint package to your project
You can install the module with your favorite package manager:
pnpm add @nobears-front-end/nuxt-statamic
yarn add @nobears-front-end/nuxt-statamic
npm install @nobears-front-end/nuxt-statamic
bun add @nobears-front-end/nuxt-statamic
Add the environment variable
Add the CMS url environment variable to your .env file.
.env
NUXT_PUBLIC_STATAMIC_URL=https://your-statamic-api-url.com
Nuxt Configuration
For all available options, please refer to the configuration page.
In order to use the nuxt-statamic module, you need to add the module to your Nuxt config. You can configure the module in it's own config section.
nuxt.config.ts
export default defineNuxtConfig({
modules: ['@nobears-front-end/nuxt-statamic'],
statamic: {
// ... your config
},
});
Tailwind Configuration
app/assets/css/main.css
@import "tailwindcss";
@import "@nobears-front-end/nuxt-statamic";