A strongly opinionated TypeScript fronted boilerplate with Next.js and Typescript based on this repo: 🔥

🚀 Getting started

The best way to start with this template is using create-next-app.

yarn create next-app AwesomeLolaUi -e https://github.com/lolaent/lola-ui-starter

If you prefer you can clone this repository and run the following commands inside the project folder:

1. yarn;
2. yarn dev;

To view the project open http://localhost:3000.

🚀 Features

• This project was bootstrapped with:

  • node v14.17.6 (latest lts/* at the time)
  • yarn create next-app lola-ui-starter --typescript --example https://github.com/jpedroschmitz/typescript-nextjs-starter
  • so all of this goodness is included as well.

• .vscode:

  • format on save and prettier enabled
  • extension recommendations

• a skeleton chakra ui

• loripsum.net used for a simple dynamic site

• renovatebot is set to automerge its own successful PRs

📄 Env variables

In order to use the environment variables, first you must store them in a .env.local file. If you want to expose the values inside the env expose them with the NEXT_PUBLIC prefix eg: NEXT_PUBLIC_GOOGLE_API_KEY = '12345' You can also use .env.development (development environment), and .env.production (production environment). Read more about NextJS environment variables