Starter template Nuxt simple blog with caisy

Nuxt x Caisy

Deploy this template to Vercel

Features

• ✅ 100/100 Lighthouse performance
• ✅ SEO-friendly with canonical URLs and OpenGraph data
• ✅ Dynamic content updates from caisy without redeployment
• ✅ Sitemap support

Requirements

In order to have the right blueprints configured, make sure to follow the onboarind on caisy.io and select the starter template "Astro Simple Blog" To run this project a .env file like this (with your own projects values) is required:

CAISY_PROJECT_ID=a894c383-edfc-4499-a639-a40509986ed4
CAISY_API_KEY=xxx

To run this project locally

• [ ] git clone https://github.com/caisy-io/starter-template-astro-simple-blog.git
• [ ] create .env file with your project id and API key
• [ ] npm install
• [ ] npm run dev

In order to have the right blueprints configured, make sure to follow the onboarind and select the starter template "Astro Simple Blog"

We are using

• Nuxt as server and server side rendering framework
• tailwindcss for styling
• @caisy/rich-text-vue-renderer to render the caisy richtexts in nuxt/vue
• graphql and graphql-request to fetch data from caisy

Codegen

During development we generate code using

• @graphql-codegen/cli and plugins

🧞 Commands

All commands are run from the root of the project, from a terminal:

Command	Action
npm install	Installs dependencies
npm run dev	Starts local dev server at localhost:3000
npm run gen	Regenerates generated types and SDK
npm run gen:watch	Wachting changes and regenerates generated types and SDK
npm run build	Build your production site to ./dist/
npm run preview	Preview your production build
npm run nuxt ...	Run CLI commands like nuxt preview

👀 Want to learn more?

Feel free to check the caisy documentation Feel free to check the nuxt documentation