NutriTrack - A landing page template 🚀

NutriTrack is a customizable NextJS and TailwindCSS landing page template that offers personalized styling and easy customization. Tailored to provide a minimal design, it allows you to effortlessly create a site that suits your requirements. You can easily make use of the components and customize the code to mix and match to suit your needs.

Key Features:

Minimal styling (make it your own!)
Accessible, semantic HTML markup
Blazingly Fast
100/100 Lighthouse performance
Responsive & SEO-friendly with canonical URLs, OpenGraph data and Meta tags.
Sitemap support
Made with NextJS and TailwindCSS

Deploy your own

Deploy the example using Vercel.

If you want to deploy on Netlify, use the following build command under site settings:

npm run build

You also want to make sure the publish directory is out.

Lighthouse Score

NutriTrack scores 100/100 in the Lighthouse performance audit.

Demo

Check out the Demo, hosted on Vercel.

Commands

All commands are run from the root of the project, from a terminal:

Command	Action
`npm install`	Installs dependencies
`npm run dev`	Starts local dev server at `localhost:3000`
`npm run build`	Build your production site to `./next/`
`npm run start`	Preview your build locally, before deploying

Update Site Metadata

env: {
  siteTitle: 'Your Company',
  siteDescription: 'Your company description.',
  siteKeywords: 'your company keywords',
  siteUrl: 'https://nutritrack.chrstnl.com/',
  siteImagePreviewUrl: '/images/preview.jpeg',
  twitterHandle: '@your_handle'
}

Update Colors

You can update the colors in tailwind.config.js file.

Update Favicon

Update the manifest.json file and the icons under the public/images/icons folder.

You can use free tools online such as https://realfavicongenerator.net/ to quickly generate all the different icon sizes and favicon.ico file.

Feedback and Suggestions

If you have any suggestions/feedback feel free to open an issue if you find bugs or want to request new features.

i-super/nutritrack