adyasha8105/chakraui-nextjs

Example of using the @Chakra-ui interface library on @next.js ⚡.

Made with ♡ by Adyahsa Mohanty🦄

Give it a ⭐, if you liked it!

Table of Contents

• About the Project
  • Built With
• Getting Started
  • Installation
• Learn More
  • Deployment
• Contribute
• License
• Contact

About the Project

This pandemic helped me bring out the best in me. I worked on my designing skills, build my skills basically on the MERN stack and learnt as much as I can about new technologies. So for that I made a landing page (small project) that could help you to get a brief idea about the basic functionalities using Chakra UI interface library on Next JS ;)

If you like it, show some love by giving it a ⭐

Built With

This is made using amazing NextJS, a React framework that is widely known for it's performance and SEO optimisation and Chakra UI , simple and accessible component library that gives you the building blocks you need to build your React applications.

Here are a few more things, included:

• NextJS
• ChakraUI library
• unDraw for amazing SVG Images

Getting Started

This is an example of how you may give instructions on setting up your project locally. To get a local copy up and running follow these simple example steps.

Installation

1. Clone the repo

git clone https://github.com/Adyasha8105/ChakraUI-NextJS.git

2. Install NPM packages (preferred yarn)

• First install yarn by

npm install -g yarn

• Then install packages in project by running

yarn

3. Start development server

yarn dev

Open http://localhost:3000 with your browser to see the result.

Learn More

To learn more about the prerequisites, take a look at the following resources:

• ChakraUI Documentation - learn about ChakraUI features.
• Learn Next.js - an interactive Next.js tutorial.

Your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Contribute

If you are having any dope ideas to improve this (even as little as changing the font-face), don't just think twice. Go ahead and create an issue or let me know on Twitter. We can improve it together :D

License

Distributed under the GNU License. See LICENSE.md for more information.

Contact

📫 I usually hangout on Twitter.

Support me 🙌

My projects are fueled by coffees ☕, get one for me!