https://github.com/imadatyatalah/cna-chakra-ui-template

Next.js and Chakra-UI Template.
https://github.com/imadatyatalah/cna-chakra-ui-template

chakra chakra-ui nextjs nextjs-starter nextjs-template react starter template vercel

Last synced: 3 months ago
JSON representation

Next.js and Chakra-UI Template.

• Host: GitHub
• URL: https://github.com/imadatyatalah/cna-chakra-ui-template
• Owner: imadatyatalah
• License: mit
• Created: 2021-01-31T18:39:49.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2022-06-05T16:11:23.000Z (over 2 years ago)
• Last Synced: 2024-04-19T17:32:55.468Z (7 months ago)
• Topics: chakra, chakra-ui, nextjs, nextjs-starter, nextjs-template, react, starter, template, vercel
• Language: TypeScript
• Homepage: https://cna-chakra-ui-template.vercel.app
• Size: 1.39 MB
• Stars: 13
• Watchers: 1
• Forks: 6
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• Awesome-NextJs - cna-chakra-ui-template - [demo](https://cna-chakra-ui-template.vercel.app/) (Nextjs Templates)

README

        
Next.js Chakra UI Template




View Demo

·

Report Bug

·

Request Feature





[![CodeFactor](https://www.codefactor.io/repository/github/imadatyatalah/cna-chakra-ui-template/badge?style=for-the-badge)](https://www.codefactor.io/repository/github/imadatyatalah/cna-chakra-ui-template)

[![MIT License](https://img.shields.io/github/license/imadatyatalah/cna-chakra-ui-template?color=blue&style=for-the-badge)](https://github.com/imadatyatalah/cna-chakra-ui-template/blob/main/LICENSE)

[![Stargazers](https://img.shields.io/github/stars/imadatyatalah/cna-chakra-ui-template?style=for-the-badge)](https://github.com/imadatyatalah/cna-chakra-ui-template/stargazers)

[![Forks](https://img.shields.io/github/forks/imadatyatalah/cna-chakra-ui-template?style=for-the-badge)](https://github.com/imadatyatalah/cna-chakra-ui-template/network/members)



### Built With

- [Next.js](https://nextjs.org/)

- [Chakra UI](https://chakra-ui.com/)

### Features

- ESLint ready.

- Dark Mode ready.

- SEO friendly.

### Screenshot

![Screenshot](./screenshot.png)

## Deploy

[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fimadatyatalah%2Fcna-chakra-ui-template&demo-title=Next.js%20and%20Chakra-UI%20Template.&demo-url=https%3A%2F%2Fcna-chakra-ui-template.vercel.app%2F&demo-image=https%3A%2F%2Fraw.githubusercontent.com%2Fimadatyatalah%2Fcna-chakra-ui-template%2Fmain%2Fscreenshot.png)

## Getting Started

Create a new application using `create-next-app` with the `-e | --example` flag pointing to this repository's _url_, like so:

```bash

npx create-next-app@latest --example https://github.com/imadatyatalah/cna-chakra-ui-template

```

> **Tip:** You can find `create-next-app`'s documentation at [https://nextjs.org/docs/api-reference/create-next-app](https://nextjs.org/docs/api-reference/create-next-app).

You can also click on the `Use this template` button.

After that, clone the repository that was created on your account and follow the steps below:

```bash

# Installing project dependencies

yarn

# Starting the project

yarn dev

```

Your site is now running at [`http://localhost:3000`](http://localhost:3000)!

## License

Distributed under the MIT License. See [`LICENSE`](https://github.com/imadatyatalah/cna-chakra-ui-template/blob/main/LICENSE) for more information.