React Templates & Themes Logo React Templates & Themes
Reference Marketing Website screenshot

Reference Marketing Website

Author Avatar Theme by Hygraph
Updated: 18 Jul 2024
133 Stars

Next.js starter for creating a SaaS Marketing Website with Hygraph

Github Live Preview

Categories

Nextjs Chakra ui

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:

  1. Clone the repository to your local machine:

    git clone [repository-url]

  2. Install the project dependencies using npm or yarn:

    npm install

  3. 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.

  4. 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.