https://github.com/nvnx7/cato-blog

Blog for cato.tv
https://github.com/nvnx7/cato-blog

chakra-ui gatsby react typescript

Last synced: 11 days ago
JSON representation

Blog for cato.tv

• Host: GitHub
• URL: https://github.com/nvnx7/cato-blog
• Owner: nvnx7
• License: 0bsd
• Created: 2021-02-03T14:58:51.000Z (almost 4 years ago)
• Default Branch: master
• Last Pushed: 2021-02-14T10:58:49.000Z (almost 4 years ago)
• Last Synced: 2023-09-15T11:13:53.053Z (about 1 year ago)
• Topics: chakra-ui, gatsby, react, typescript
• Language: TypeScript
• Homepage: https://cato-blog-git-master.thenvn.vercel.app/
• Size: 1.78 MB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        



  

    

  





  Cato Blog



Blog site for [Cato.tv](https://cato.tv), built with Gatsby from [this](https://github.com/gatsbyjs/gatsby-starter-blog) starter template.

## 🚀 Quick start

1.  **Clone the repo.**

    Use git cli to clone this repo.

    ```shell

    git clone https://github.com/theNvN/cato-blog.git

    ```

2.  **Install dependencies.**

    Navigate into site’s directory and install all required packages listed in `package.json`.

    ```shell

    cd cato-blog/

    npm install

    ```

3.  **Start developing.**

    Start it up using gatsby cli.

    ```shell

    gatsby develop

    ```

4.  **Open the source code and start editing!**

    Your site is now running at `http://localhost:8000`!

    _Note: You'll also see a second link: _`http://localhost:8000/___graphql`_. This is a tool you can use to experiment with querying your data. Learn more about using this tool in the [Gatsby tutorial](https://www.gatsbyjs.com/tutorial/part-five/#introducing-graphiql)._

## 🧐 What's inside?

A quick look at the top-level files and directories you'll see in a Gatsby project.

    .

    ├── node_modules

    ├── src

    ├── .gitignore

    ├── .prettierrc

    ├── gatsby-browser.js

    ├── gatsby-config.js

    ├── gatsby-node.js

    ├── tsconfig.json

    ├── LICENSE

    ├── package-lock.json

    ├── package.json

    └── README.md

## 🟠 NOTE

There isn't any `index.tsx` page in `./src/pages/` directory. Almost always this page is intended to be displayed at root path (`/`), as home page. Instead page at root path is generated using the template - `./src/templates/blog-list-page.tsx`. This was done to display paginated list of blogs, so page at root will display first page (first paginated list of blogs) and subsequent pages will be displayed at paths `/2`, `/3`, `/4` and so on.