Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ashishk1331/tetra-paper
This is a starter blog template created using TetraPack, tailwind CSS, and Next-JS.
https://github.com/ashishk1331/tetra-paper
blog nextjs notion starter-template tailwindcss template
Last synced: about 1 month ago
JSON representation
This is a starter blog template created using TetraPack, tailwind CSS, and Next-JS.
- Host: GitHub
- URL: https://github.com/ashishk1331/tetra-paper
- Owner: ashishk1331
- Created: 2023-08-11T09:51:50.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-10-16T13:28:20.000Z (about 1 year ago)
- Last Synced: 2023-10-17T04:25:46.461Z (about 1 year ago)
- Topics: blog, nextjs, notion, starter-template, tailwindcss, template
- Language: JavaScript
- Homepage: https://tetra-paper.vercel.app/
- Size: 244 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
![Banner Image]()
# Blog Template using Tetra Pack
This is a starter template which relies on Tetra-Pack to render pages from notion. It is created using tetrapack, tailwind css, also the tailwind typography plugin and the almighty nextJS. Hail Phosphor Icons for every icon you see here.
Made for the minilists!
## Example
[Try it out here.](https://blog-starter-tetrapack.vercel.app/)
## Usage
1. Clone this repository
1. Make changes in `blog.config.js`
You can change the tag line, description, social contacts and website title.
1. Duplicate the blog [notion template](https://flower-stork-026.notion.site/df07ae189a954ddc893c9dbc313e46ff?v=532d57556bc64d4aa9da958f69d14f0c) and get the id of the page. This key will serve as `NOTION_DATABASE` key that is to be put in the `.env` file.
1. Also, get the `NOTION_TOKEN` from your notion developer dashboard.
Remember, the token must be connected to your database as well.
1. After you've collected those two keys, create a `.env` file at the root of your directory.
```bash
NOTION_TOKEN =
NOTION_DATABASE =
```
1. Check all the steps. If done, run the app in dev mode
```bash
npm run dev
```
1. Lastly, if you get the preview correct you can host the blog anywhere you like.
If you don't get it or some things aren't working contact [ashishk](https://twitter.com/AshishK1331)