This Next.js Blog Template integrates seamlessly with a spurtcms to provide an easy-to-use solution for creating, managing, and publishing blog content. With a clean, responsive design and robust features, this template allows you to build a dynamic blog powered by the flexibility of Next.js. The spurtcms backend simplifies content management, allowing non-technical users to easily create and update posts, while developers can customize the frontend with Next.js for a modern, fast, and scalable experience.
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.
- 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
Use the Deploy Button below, you'll deploy the example using
Open .env and set NEXT_PUBLIC_SPURTCMS_NEXTJS_STARTER_THEME_BASEURL to be the URL to your GraphQL endpoint in spurtCMS.
NEXT_PUBLIC_SPURTCMS_NEXTJS_STARTER_THEME_BASEURL="https://your-graphql-endpoint-url"Before starting our Next JS blog template we need to go inside our spurtCMS Admin and get the default token that we will be using for displaying our content.
1.Inside your spurtCMS Admin Panel spurtcms navigate to API Keys.
2.Click on the Action key
3.Copy the api key
Once you have your token add it to your env and it should look like this:
NEXT_PUBLIC_SPURTCMS_NEXTJS_STARTER_THEME_TOKEN="your-api-token"npm install npm run devYour blog should be up and running on http://localhost:3000!
npm run prodIf you have feedback or questions about this starter, please use the Github Issues on this repo, [(https://github.com/spurtcms/ContentVerse/issues)] or Send Email to us [(support@spurtcms.com)]
