Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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: about 1 month 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-08-04T14:12:17.671Z (5 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: 14
- 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
[![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.