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 product is a Next.js starter for creating a SaaS Marketing Website with Hygraph. It provides a template and tools for building a marketing website for a software as a service (SaaS) product.

Features

  • Demo: The product includes a demo clone project to showcase the features and functionality.
  • Deploy with Vercel: The product can be easily deployed using Vercel, a cloud platform for static sites and serverless functions.
  • Next.js Preview Mode: The product supports enabling Next.js Preview Mode for previewing content changes before they are published.
  • Internationalized Routing: The product includes support for internationalized routing, allowing for the creation of localized versions of the marketing website.
  • GraphQL Union Types: The product supports GraphQL union types, which enable the creation of polymorphic relations between different types of content.
  • next/image: The product includes the next/image package, which provides an optimized image component for efficiently loading and rendering images.
  • next-seo: The product includes the next-seo package, which simplifies the management of SEO metadata for each page.

Installation

To install the theme and get started, follow these steps:

  1. Clone the repository and install project dependencies.
  2. Provide your Hygraph project keys.
  3. Navigate into your new site’s directory and copy the .env.local.example file.
  4. Inside the newly created .env.local file, provide values for the required variables found in the project settings UI.
  5. Start building your marketing website using the Next.js starter.

Summary

The Next.js starter for creating a SaaS Marketing Website with Hygraph provides a comprehensive solution for building a marketing website for a SaaS product. It offers a range of features, including demo project clone, deployment with Vercel, Next.js Preview Mode, internationalized routing, GraphQL union types, next/image, and next-seo. The installation process is straightforward and involves cloning the repository, providing project keys, and configuring the required environment variables. Overall, this product offers a great starting point for creating a professional and feature-rich SaaS marketing website.