desoga10 / caisy-blog

Home Page:https://caisy-blog.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Simple blog starter template with Next.js and caisy

Deploy this template to Vercel

Deploy 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

About

https://caisy-blog.vercel.app


Languages

Language:TypeScript 99.2%Language:JavaScript 0.8%Language:CSS 0.1%