https://github.com/imgarylai/gary-lai.com
https://github.com/imgarylai/gary-lai.com
blog chakra-ui mdx nextjs typescript
Last synced: 5 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/imgarylai/gary-lai.com
- Owner: imgarylai
- Created: 2021-05-21T12:13:56.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2024-11-07T20:02:59.000Z (6 months ago)
- Last Synced: 2024-11-21T05:33:47.108Z (6 months ago)
- Topics: blog, chakra-ui, mdx, nextjs, typescript
- Language: TypeScript
- Homepage: https://gary-lai.com
- Size: 1.36 MB
- Stars: 5
- Watchers: 2
- Forks: 0
- Open Issues: 11
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Intro
This is my [personal blog](https://gary-lai.com) built with [Next.js](https://nextjs.org/). All the posts are written in markdown foramt and stored on GitHub repo.
## Features
- Write posts in `.mdx`.
- Create a post through command `creat-post`.
- Generate archive pages with pagination.
- Generate tag pages with pagination.
- Use [Chakra UI](https://chakra-ui.com/) for the style.
## How to use
### Create a post
```shell
$ create-post
✔ What is the file name? Example
✔ What is the post title? Example Post
✔ What is the post description?
Post Example Post was created at /path/to/project/src/posts/example.mdx
---
title: Example Post
description: ''
date: '2021-05-24T19:25:25+08:00'
tags: []
---
```
## Deploy your own
Deploy the example using [Vercel](https://vercel.com?utm_source=github&utm_medium=readme&utm_campaign=next-example):
[](https://vercel.com/new/git/external?repository-url=https://github.com/imgarylai/gary-lai.com&project-name=with-mdx-remote-and-chakra)