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