Overview
The reference-marketing-website is a starter template for creating a SaaS Marketing Website using Next.js and Hygraph. It provides a set of features and functionality to quickly build a professional marketing website for a software-as-a-service (SaaS) product.
Features
- DemoClone project: Allows you to clone the project repository and start building your website.
- Deploy with Vercel: Provides support for deploying the website with Vercel, allowing for easy deployment and hosting.
- Next.js Preview Mode: Enables Next.js Preview Mode for previewing changes to the website before publishing them.
- next/image: Integrates the next/image package for optimized image loading and handling.
- Internationalized Routing: Supports internationalized routing to create localized versions of the website.
- GraphQL Union Types: Utilizes GraphQL Union Types for handling polymorphic relationships between different data types.
- next-seo: Includes support for next-seo package, allowing for easy management of SEO metadata.
Installation
To install the reference-marketing-website template, follow these steps:
Clone the repository to your local machine:
git clone [repository-url]
Install the project dependencies using npm or yarn:
npm install
Provide your Hygraph project keys:
- Navigate to the newly cloned project’s directory.
- Copy the
.env.local.example
file and rename it to.env.local
. - Open the
.env.local
file and provide values for the variables based on your Hygraph project settings UI.
Start building your website by customizing the existing components and pages according to your needs.
Summary
The reference-marketing-website template is a Next.js starter that provides a foundation for building a SaaS Marketing Website. With features such as Next.js Preview Mode, internationalized routing, and support for GraphQL Union Types, developers can quickly create a professional and scalable marketing website for their SaaS product. The template also includes installation instructions for easy setup and customization.