Simple blog starter template with Next.js and 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
• ✅ Robots.txt support

Requirements

In order to have the right blueprints configured, make sure to follow the onboarind on caisy.io and select the starter template "Simple Blog" To run this project a .env.local 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-next-simple-blog.git
• [ ] create .env.local file with your project id and API key - see .env.sample
• [ ] npm install
• [ ] npm run dev

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

We are using

• Next.js as server and server side rendering framework
• tailwindcss for styling
• @caisy/rich-text-react-renderer to render the caisy richtexts in react
• 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/ |

Next.js x Caisy

👀 Want to learn more?

Feel free to check caisy documentation Feel free to check Next.js documentation