/nutritrack

A customizable landing page template built with NextJS and TailwindCSS, specifically designed for Notion creators.

Primary LanguageJavaScript

NutriTrack logo

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.


NutriTrack Mockup

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.

NutriTrack Lighthouse Score

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.