React Templates & Themes Logo React Templates & Themes
Gatsby Starter screenshot

Gatsby Starter

Author Avatar Theme by Chronisp
Updated: 15 Mar 2021
53 Stars

Gatsby Starter for creating portfolio & blog.

Github Live Preview

Categories

Gatsby Contentful Material ui

Overview

This product is a project template that utilizes Gatsby, React, TypeScript, Redux, Material UI, Contentful CMS, and Netlify Deployment Support. It allows developers to quickly set up a website with a blog integration, using modern technologies and tools.

Features

  • Gatsby: Utilizes Gatsby, a framework that uses GraphQL for queries.
  • React: Uses React and everything is implemented using React Hooks.
  • TypeScript: In progress of implementing TypeScript.
  • Redux: Includes a custom Higher Order Function (HOF) to connect actions and props using Redux.
  • Material UI: Provides configuration options for palette, typography, and breakpoints using Material UI.
  • Contentful CMS: Integrates with Contentful, a CMS platform, for blog functionality.
  • Netlify Deployment Support: Supports deployment to Netlify, a popular hosting platform.
  • React Helmet: Allows for the dynamic manipulation of the document head in React.
  • Prettier: Includes Prettier, a code formatting tool.
  • Gatsby-image: Utilizes Gatsby-image for optimized and responsive images.
  • Config files for each environment: Includes separate configuration files for different environments.

Installation

  1. Make sure that you have Node.js (>=12.13.0) and yarn v.1 or above installed.
  2. Install Gatsby CLI.
  3. Clone the repository.
  4. Move to the project directory.
  5. Install all dependencies.
  6. Set up Contentful settings by following the instructions to set CONTENTFUL_SPACE_ID and CONTENTFUL_ACCESS_TOKEN in both .env.development and .env.production files.
  7. Start the development server by running the command gatsby develop. The site will now be running at http://localhost:8000.
  8. To create a production build, run the command gatsby build.
  9. Serve the production build locally by running the command gatsby serve. The site will now be accessible at http://localhost:9000.

Summary

This product is a project template that provides a quick and easy way to set up a website with a blog integration. It utilizes popular technologies such as Gatsby, React, TypeScript, Redux, and Material UI. Additionally, it integrates with Contentful CMS for blog functionality and provides support for deployment to Netlify. With its comprehensive features and installation guide, developers can promptly set up and customize their own websites with ease.