Skip to content

Latest commit

 

History

History

nextjs-blog

Kontenbase Blog Example

Simple Blog example with Next Js as Front-end, and Kontenbase as Back-end


Live Demo

https://kontenbase-blog.vercel.app

image

Getting Started

Make sure you already installed latest node js on your pc

Kontenbase Back-end Setup

  1. Create Account/Login to your Kontenbase app at www.kontenbase.com.
  2. Create service named "blogs" as private service

3. Customize "blogs" by adding some fields below:
  • title => Single Line Text
  • content => Long Text
  • slug => Single Line Text
  • date => Created At
  • coverImage => Url
  • author => Created By
  • excerpt => Long Text

4. Copy the api key from the setting menu

Front-end Setup

Run the Front-end development server:

  1. Install the dependencies with:
npm install
  1. Create a file .env copy from .env.example
  2. Change the NEXT_PUBLIC_KONTENBASE_API_KEY you get in the Kontenbase
  3. Start developing and watch for code changes:
npm run dev

Open http://localhost:3000 with your browser to see the result.

Deploy your own

Deploy the example using Vercel:

Deploy with Vercel