markSteph / next-saas-starter

⚡️ Free Next.js responsive landing page template for SaaS products made using JAMStack architecture.

✨ Free Next.js marketing website template for SaaS startups ✨

Everything you need to build a great landing page / marketing website for your startup. Great SEO metrics, Green WebVitals, 🚀 Performance, Clean & Pragmatic Codebase out of the box.

View Demo . Report Bug . Request Feature

Created with ❤️ at Blazity

Blazity is a group of Next.js/Jamstack/Headless experts. Contact us at [e-mail] if you’d like to talk about your project or just to have a chat with us 😁

Table Of Contents

• Table Of Contents
• 🤩 Features
• 🚀 Getting Started
• 🧰 Built With
• 🤲🏻 Contributing
  • Creating A Pull Request
• 😎 Acknowledgements
• ✨ Contributors
• 📝 License

🤩 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

One click deploy

Clone the repository and one-click deploy to Vercel for free!

Clone the repository and one-click deploy to Netlify for free!

🧰 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

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. 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

✨ Contributors

Thanks goes to these wonderful people (emoji key):

Bart Stefanski 💻

Igor Lasota 💻

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

📝 License

Distributed under the MIT License. See LICENSE for more information.