A simple CMS-backed blog powered by spurtcms using Next.js

This starter is a statically generated blog that uses Next.js App Router for the frontend and [spurtcms][https://demo.spurtcms.com/dashboard/]to handle its content. It comes with a native spurtcms that offers features like real-time collaboration and visual editing with live updates using [https://spurtcms.com/documentation].

The Studio connects to spurtcms, which gives you hosted content APIs with a flexible query language, on-demand image transformations, powerful patching, and more. You can use this starter to kick-start a blog or learn these technologies.

Features

• Next.js v14
• Next.js App Router
• Styling with Tailwind CSS
• Dark & Light Mode
• Mobile Responsive
• skeleton loader
• Optimized for SEO using Next.js's Metadata
• infinite scroll pagination
• New fetching and caching paradigms
• Server Actions for mutations

Demo

Deploy your own

Set up environment variables

Open .env and set NEXT_PUBLIC_SPURTCMS_NEXTJS_STARTER_THEME_BASEURL to be the URL to your GraphQL endpoint in spurtCMS. For example: https://graphql.spurtcms.com/query

Your env should look like this:

NEXT_PUBLIC_SPURTCMS_NEXTJS_STARTER_THEME_BASEURL=""

NEXT_PUBLIC_SPURTCMS_NEXTJS_STARTER_THEME_TOKEN=""

Set up on your own - graphql sever with admin panel

Step 1. spurtCMS Admin Setup

Setup SpurtCMS Admin Console for Manage or Populate content

spurtCMS prioritizes user-friendly administration, offering powerful tools for content creation, management, and defining CMS workspaces. Administrators have precise control over member access, ensuring streamlined member management. Dynamic channel management allows effective content structuring, enhancing the overall user experience. Administrators effortlessly create and manage channels and spaces, providing a comprehensive, user-centric content management solution for personalized and organized web environments.

Screenshots of spurtCMSAdmin

Dashboard

Channels

Spaces

Blog

First,you need to set up spurtCMS Admin Application.There are many solutions for insallation. Please refer [(https://www.spurtcms.com/documentation/cms-admin)]

But,you can quick start with using CLI

sudo snap install spurtcms

spurtcms -i admin

sudo ./spurtcms-admin.sh

sudo systemctl start spurtcms-admin.service

sudo systemctl stop spurtcms-admin.service

Step 2. GraphqlAPI Setup

To initiate the set up process please refer [(https://www.spurtcms.com/documentation/grapql-api-setup)]

or using CLI

spurtcms -i graphql

sudo ./spurtcms-api.sh

sudo systemctl start spurtcms-api.service

sudo systemctl stop spurtcms-api.service

Feedback and Questions

If you have feedback or questions about this starter, please use the Github Issues on this repo, [(https://github.com/spurtcms/nextjs-starter-theme/issues)] or Send Email to us [(support@spurtcms.com)]