Next.js Chakra UI Starter Template

Getting Started

1. Clone this repository.

2. Run npm install to install depenendencies.

3. Run npx mightymeld secrets to download a mightymeld.secrets file.

4. Run npx mightymeld to launch MightyMeld studio in a browser tab.

Running the app without MightyMeld

1. Type npm install to install dependencies.

2. Run npm run dev, the app should then appear in a browser tab on localhost:3000

Using Another Package Manager

If you would like to use an alternative package manager like yarn or pnpm, make sure to also update the run command in your mightymeld.json file

Features

There is some pre-installed packages in this template:

• next-seo
• nprogress
• react-icons

Some features in this template:

1. Custom breakpoints & font
   You can edit breakpoints & font in styles/theme.js.
   Import your preferred font in pages/_document.js to apply automatic webfont optimization.
2. Global style
   You can edit global style in styles/styles.js.
3. Page transition
   If you want to custom the page transition go to pages/_app.js in MotionBox component.
4. Next SEO config file
   You can custom meta, favicon, open graph, etc. in next-seo.config.js.
5. You also can customize nprogress in styles/css/nprogress.css.
6. Using absolute path based on jsconfig.json file.

Documentation

For more guides, please read:

• Next.js Documentation
• Chakra UI Documentation
• Mightymeld Documentation

License

This project is under MIT License

Credits

Created by Hendra Agil