This repository contains a NextJS blog template that renders all the content from Caasy - a headless content as a service. It demonstrates how to implement the official Caasy Javascript SDK.
Before you start, please set your Caasy site ID in blogConfig.js.
Install dependencies
npm i
Start development server
npm run dev
Generate static sites
npm run export
This will create a folder out with all generated static sites.
All the colors rely on the CSS variables defined in stylesheets/global.css. Feel free to change the color codes there. Darkmode is currently not supported. Contributions are welcome, though. This template uses Highlight.js to highlight code snippets. The default theme for code highlighting is Night Owl. If you would like to use a different theme, you can replace the theme in stylesheets/nightOwl.css, which is imported in _app.js.
The actual blog posts are fetched from Caasy using the official Caasy Javascript SDK. However, there is also static information such as the name of your blog or your social media links. This type of information can be edited in the blogConfig.js, which you can find in the root folder.
The logo is used in the navigation bar as well as in the footer. To change the logo, update the logo component in components/logo/.
Caasy continuously adds new elements. Therefore, this template might not support all of them. The following elements are currently supported:
- container
- headline
- image
- markdown: sanitized and highlighted 🔒
- rich text
- text
- youtube
Each element is rendered by its respective component. You can find them in components/elements/. Feel free to adjust them to your needs.
Not supported yet:
- card
- file
This template is free for everyone and it should evolve together with Caasy. If you improve the template or add any kind of functionality and would like to share it with others, feel free to open a pull request.
Please refer to existing pull requests for examples on how to add new elements.
Feel free to use this template and adapt it to your needs. It's not mandatory but we would appreciate it, if you gave us credit.