next-saas-starter

Free Next.js marketing website template for SaaS startups sparkles
Everything you need to build a great landing page / marketing website for your startup. Great SEO metrics, Green WebVitals, rocket Performance, Clean & Pragmatic Codebase out of the box.

View Demo View Github

? Features

⚡ Next.js - React framework for static rendering
? Best SEO setup - Meta Tags, JSON-LD and Open Graph Tags
✅ Optimized for Web Vitals
? Blog with MDX
? Mailchimp Integration - for newsletters
? Sendgrid Integration - for sending emails
? Dark mode - and customizable themes!
? No UI library - just styled components, so you don't have to learn any new syntax
? One click deployment - with Vercel or any other serverless deployment environment
? Eslint - with Next.js's recommended settings and imports sorting rule
? Prettier

? Getting Started

Click Use the template or this link
Setup your sendgrid API key and add it to environment variables (SENDGRID_API_KEY - .env.local)
Adjust the template to your needs (and checkout env.ts file)
Deploy the project on Vercel don't forget to add env variables

# run the dev mode
$ yarn dev 

# run the prod mode
yarn start

# build the app
yarn build

? Built With

Statically generated pages with Next.js
Styled components
MDX
TypeScript

?? Contributing

Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are greatly appreciated.

If you have suggestions for adding or removing projects, feel free to open an issue to discuss it, or directly create a pull request after you edit the README.md file with necessary changes.
Create individual PR for each suggestion.

Creating A Pull Request

Fork the Project
Create your Feature Branch (git checkout -b feature/AmazingFeature)
Commit your Changes (git commit -m 'Add some AmazingFeature')
Push to the Branch (git push origin feature/AmazingFeature)
Open a Pull Request

? Acknowledgements

Big thanks to authors of these libraries:

https://github.com/neg4n/next-api-og-image - generating open graph images
https://github.com/blazity/nextjs-color-mode - non-flickering dark mode
https://github.com/Brew-Brew/css-in-js-media - a convenient way of creating media queries

This project follows the all-contributors specification. Contributions of any kind welcome!

? License

Distributed under the MIT License.