- Next.js in version 12
- Integrated with GraphCMS
- Styling with Chakra-UI
- Clean & Simple Design
- SEO metadata with
next-seo
- Category for Post
- Fully Responsive Design
- Cross Browser Compatible with Firefox, Safari, Opera, Chrome
- Title: String, Single line, text, Required, Title
- Excerpt: String, Single line, text, Required
- Slug: String, Slug, Required, Unique
- Thumbnail: Asset, Two-way reference, Required
- Content: RichText, Rich text, Required
- Categories: Category, One-way reference
- Name: String, Single line text, Required, Title
- Slug: String, Slug, Required, Unique
- Description: String, Single line text, Required
Project Setting -> API Access -> Content API
Copy your Content API
Open project and create .env.local
file in root project
GRAHPCMS_TOKEN={YOUR_APIKEYS}
Make sure you already create permission.
- First go-to in project folder
- run
yarn install
on project folder - run
yarn dev
on project folder
- Upload your project into github/gitlab or bitbucket. Make this project private or public whatever you want.
- Goto Vercel.com and login your account
- New Project Select your project repository from github/gitlab
- Add
PROJECT NAME
andDEPLOY