https://github.com/officialrajdeepsingh/contentlayer
Create a markdown blog with nextjs, content layer
https://github.com/officialrajdeepsingh/contentlayer
content-layer contentlayer-nextjs contentlayer-typescript markdown markdown-blog
Last synced: 29 days ago
JSON representation
Create a markdown blog with nextjs, content layer
- Host: GitHub
- URL: https://github.com/officialrajdeepsingh/contentlayer
- Owner: officialrajdeepsingh
- Created: 2022-05-12T13:35:22.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2022-08-20T13:45:27.000Z (almost 3 years ago)
- Last Synced: 2025-04-23T04:05:24.260Z (29 days ago)
- Topics: content-layer, contentlayer-nextjs, contentlayer-typescript, markdown, markdown-blog
- Language: JavaScript
- Homepage: https://contentlayer-iota.vercel.app
- Size: 7.63 MB
- Stars: 7
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Build static website with markdown, contentlayer,netlify cms and nextjs.
In nextjs we provide sitemap, SEO, pagination and Search support and deploy with netlify cms
In the New update, i fix search issue and add login functionalty in blog
## step
1. Download code `git clone https://github.com/officialrajdeepsingh/contentlayer.git`
2. Run the `npm install`
3. To start local develpoment server run ` npm run dev`
## Note
To run project in your laptop. you need to change in two files.
1. `config.js`
2. `.env.local`
### `config.js`
change your ` localhost:3000 ` url in `./config.js` url and as well `show_per_page` post number on blog.
```javascript
// config.js
const SITE_URL= 'https://content-layer-netlifycms-vercel.vercel.app'
or
const SITE_URL= 'http://localhost:3000'
// const SITE_URL = process.env.SITE_URL // it is not working properly
export const show_per_page = 10
```
### `.env.local`
The place you change in environment variable and replace with your `github client key` and `github client secret`
```javascript
GITHUB_SECRET="4d8e8331*********2fa6d60e0437f"
GITHUB_ID="9da4153**********f6cc"
NEXTAUTH_SECRET="WhS/GiDVfo+n1kL8Yv0GWkVw59hxc1oI/mSMtwwtkW4="
SECRET_ID="WhS/GiDVfo+n1kL8Yv0GWkVw59hxc1oI/mSMtwwtkW4="
NEXTAUTH_URL= 'http://localhost:3000/'
```
### Aricle list for more learning
1. https://medium.com/nextjs/how-to-install-contentlayer-in-nextjs-4a08fb37c87d
2. https://medium.com/nextjs/how-to-build-the-static-blog-with-content-layer-markdown-and-nextjs-29f6ac93d06
3. https://medium.com/nextjs/how-to-create-pagination-with-a-contentlayer-in-next-js-d2d80bb0a3d5
4. https://medium.com/nextjs/how-to-set-up-netlify-cms-with-the-content-layer-and-nextjs-5da41c260933