https://github.com/luanroger/notion-blog

A simple blog powered by Astro 🚀. It uses the Notion API as content manager.
https://github.com/luanroger/notion-blog

api astro blog notion notion-api react vercel

Last synced: 4 days ago
JSON representation

A simple blog powered by Astro 🚀. It uses the Notion API as content manager.

• Host: GitHub
• URL: https://github.com/luanroger/notion-blog
• Owner: LuanRoger
• Created: 2024-01-09T12:00:46.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2024-04-01T12:19:42.000Z (8 months ago)
• Last Synced: 2024-05-02T04:04:42.681Z (7 months ago)
• Topics: api, astro, blog, notion, notion-api, react, vercel
• Language: TypeScript
• Homepage: https://notion-blog-luanroger.vercel.app
• Size: 81.1 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# notion-blog

This is a simple blog system using Notion as a backend.

Access a deployed instance [here](https://notion-blog-luanroger.vercel.app).

## Stack

- Astro

- TypeScript

- React

- Notion API

- Tailwind CSS

## How to run

1. Clone this repository

```bash

git clone https://github.com/LuanRoger/notion-blog.git

```

2. Configure the environment variables

```bash

cp .env.example .env

```

And the fill the `.env` file with your Notion API key, database ID and the other variables.

3. Install the dependencies

```bash

npm install

```

4. Run the project

```bash

npm run dev

```

If you want a more detailed tutorial about the setup, you can head over to my [blog post (pt-br)](https://lrtechblog.vercel.app/post/notion_cms_blog) about how to use the Notion as a CMS, you will see how to implement the blog system step by step and you can even use your favorite framework.