https://github.com/spurtcms/docuno-nextjs-theme
Docuno - Nextjs Knowledge base theme, your central hub for all the information, guides, and resources you need to succeed. Powered by spurtCMS
https://github.com/spurtcms/docuno-nextjs-theme
document knowledge-base nextjs theme userguides
Last synced: 3 months ago
JSON representation
Docuno - Nextjs Knowledge base theme, your central hub for all the information, guides, and resources you need to succeed. Powered by spurtCMS
- Host: GitHub
- URL: https://github.com/spurtcms/docuno-nextjs-theme
- Owner: spurtcms
- Created: 2024-08-03T09:55:10.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2025-01-25T05:01:47.000Z (4 months ago)
- Last Synced: 2025-01-30T13:36:18.909Z (4 months ago)
- Topics: document, knowledge-base, nextjs, theme, userguides
- Language: JavaScript
- Homepage: https://knowledge-base-lyart-one.vercel.app
- Size: 1.3 MB
- Stars: 0
- Watchers: 0
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Knowledge base template generated using spurtCMS with Next.js
Welcome to Knowledge base template, your central hub for all the information, guides, and resources you need to succeed. This knowledge base is designed to provide clear, concise, and actionable content to help you navigate specific subject, product, or service.
This template can be used to create a simple documentation template that uses Next.js App Router for the frontend and [spurtcms](https://spurtcms.com) 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](https://www.spurtcms.com/documentation/) for more details.
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
## Deploy your own
Use the Deploy Button below, you'll deploy the example using
[](https://vercel.com/new/clone?repository-url=https://github.com/spurtcms/knowledge-base&demo-title=knowledge-base&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.
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:
```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/knowledge-base/issues)]
or Send Email to us [([email protected])]