manual deployment to any hosting services)
Built-in feature from Next.js:
- โ Minify HTML & CSS
- ๐จ Live reload
- โ Cache busting
git clone
yarn
Then, you can run locally in development mode with live reload:
yarn dev
Open http://localhost:3000 with your favorite browser to see your project.
- Content: change the configuration in the
src/config/index.json
file to change the content of the landing page to match your usesrc/config/index.json
folder and . - Images: add any images/icons..etc to the
public/assets/images
folder and update their reference source insrc/config/index.json
. - Theme: to change the theme, update the
tailwind.config.js
file to match the theme of your branding. Tutorial.
You can see the results locally in production mode with:
yarn build
yarn start
The generated HTML and CSS files are minified (built-in feature from Next js). It will also removed unused CSS from Tailwind CSS.
You can create an optimised production build with:
yarn build-prod