Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/richardnguyen99/the-gatsby-paper

Gatsby Template for Blogging
https://github.com/richardnguyen99/the-gatsby-paper

gatsbyjs mdx react tailwindcss typescript

Last synced: 12 days ago
JSON representation

Gatsby Template for Blogging

Awesome Lists containing this project

README

        

# The Gatsby Paper

A simple Gatsby starter for personal blog.

Tech stack:

- [Gatsby](https://www.gatsbyjs.org/)
- [React](https://reactjs.org/)
- [TypeScript](https://www.typescriptlang.org/)
- [Tailwind CSS](https://tailwindcss.com/)
- [MDX](https://mdxjs.com/)
- [Vercel](https://vercel.com/)

Live demo: [here](https://the-gatsby-paper.vercel.app/)

## Introduction

This blog was first written in a comparison between two popular static site generators: [Gatsby](https://www.gatsbyjs.org/) and [Next.js](https://nextjs.org/). I decided to use Gatsby for this blog because it is more suitable for a blog with a lot of static content. Gatsby is a static site generator that uses React and GraphQL to generate static HTML pages. It is a great tool for building static websites and blogs. It is also very easy to use and has a lot of plugins and starters to help you get started.

You're are free to use this template for your own blog.

If you're interested in the same template written in NextJS, you can find it [here](https://github.com/richardnguyen99/the-next-paper).

## Run this site

1. Clone this repo

```bash
git clone https://github.com/richardnguyen99/the-gatsby-paper.git
```

2. Install dependencies

```bash
yarn install
```

3. Run the development server

```bash
yarn start
```

A local server will be started at `http://localhost:6789/`.

4. Build the site

```bash
yarn build
```

The static site will be generated in the `public` folder.

## License

This project is licensed under the MIT License - see the [LICENSE](https://github.com/richardnguyen99/the-gatsby-paper/blob/main/LICENSE) file for details.