A sleek template for news platforms, featuring categories, subcategories, and dynamic layouts to present articles with clarity.

This Newsprism template is crafted to deliver news content in an intuitive, engaging, and responsive manner, ensuring an optimal experience for both content creators and readers. It combines visually appealing design with powerful functionality to make news distribution seamless and effective.

This template ensures that the news content is displayed in a consistent, visually appealing way, helping publishers maintain a professional look and feel across all articles that uses Next.js App Router for the frontend and spurtcms to handle its content. It comes with a native spurtcms that offers features like real-time collaboration and visual editing with live updates.Check out the project documentaion for more details.

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

Deploy your own

Use the Deploy Button below, you'll deploy the example using

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.

NEXT_PUBLIC_SPURTCMS_NEXTJS_STARTER_THEME_BASEURL="https://your-graphql-endpoint-url"

Step 1. Steps to get API Key

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"

Step 2. Run Next.js in development mode

npm install 

npm run dev

Your blog should be up and running on http://localhost:3000!

Step 3. Run Next.js in production mode

npm run prod

Feedback and Questions

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