An open API service indexing awesome lists of open source software.

https://github.com/spurtcms/InsightSphere


https://github.com/spurtcms/InsightSphere

Last synced: 8 months ago
JSON representation

Awesome Lists containing this project

README

          

# InsightShpere

Designed for blogging enthusiasts, this theme offers flexible designs and intuitive navigation to showcase your articles seamlessly.

![Screenshot of spurtCMS using Presentation Tool to do Visual Editing](https://dev.spurtcms.com/public/img/Cover%20image%20-%20Stories.jpg)

This Blog Template offers a flexible and user-friendly structure for creating and managing blog posts. It provides a clean layout for presenting articles, making it easy to share your thoughts, ideas, and updates with your audience. With built-in features like categorization, tags, and a simple content management system, this template is perfect for bloggers looking to establish an online presence. Whether you're writing personal stories, industry insights, or tutorials, this template gives you everything you need to publish and manage content efficiently.

The Studio connects to [spurtcms](https://spurtcms.com), 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

## Deploy your own

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

[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fspurtcms%2Fv1-blog1-theme&demo-title=v1-blog1-theme&env=NEXT_PUBLIC_SPURTCMS_NEXTJS_STARTER_APIKEY)

## 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.
```bash
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](https://dev.spurtcms.com) navigate to API Keys.

![API Key 1 (1)](https://github.com/user-attachments/assets/b3806e8f-1dcd-4f75-88fe-8366b3036d47)

2.Click on the Action key

![API Key 2 (1)](https://github.com/user-attachments/assets/7976ebe4-40f9-4c65-b99b-195e73ca2f9a)

3.Copy the api key

![API Key 3](https://github.com/user-attachments/assets/a3d34ac1-7243-4931-8a09-6c40c2d005b4)

Once you have your token add it to your env and it should look like this:

```bash
NEXT_PUBLIC_SPURTCMS_NEXTJS_STARTER_THEME_TOKEN="your-api-token"
```

## Step 2. Run Next.js in development mode
```bash
npm install
```
```bash
npm run dev
```
Your blog should be up and running on [http://localhost:3000!](http://localhost:3000!)

## Step 3. Run Next.js in production mode
```bash
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/InsightSphere/issues)]
or Send Email to us [(support@spurtcms.com)]