A simple landing page theme built with AstroJS and TailwindCSS, specifically designed for Notion creators. It's easy to customize, allowing you to create a minimalistic site that fits your style using its versatile components.
- 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
- More than 10+ Components to use!
NutriTrack scores 100/100 in the Lighthouse performance audit.
Check out the Demo, hosted on Vercel.
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 ./dist/ |
npm run preview |
Preview your build locally, before deploying |
npm run astro ... |
Run CLI commands like astro add , astro check |
npm run astro --help |
Get help using the Astro CLI |
env: {
siteTitle: 'Your Company',
siteDescription: 'Your company description.',
siteKeywords: 'your company keywords',
siteUrl: 'https://astro-nutritrack.chrstnl.com/',
siteImagePreviewUrl: '/images/preview.jpeg',
twitterHandle: '@your_handle'
}
You can update the colors in tailwind.config.js file.
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.
Check out Astro's documentation.
You can deploy your own Astro site on various platforms by following the Astro docs guide.
By default, the site will be built (see Commands section above) to a /dist
directory.
If you have any suggestions/feedback feel free to open an issue if you find bugs or want to request new features.
Made by chrstnl