Gatsby Starters & Templates Logo Gatsby Starters & Templates
Gatsby Prismic Starter Prist screenshot

Gatsby Prismic Starter Prist

Author Avatar Theme by Marguerrrite
Updated: 6 Jul 2020
345 Stars

Gatsby starter for portfolios and blogs using Prismic CMS

Github

Categories

React Scss Prismic Blog Portfolio

Overview:

Prist is a Gatsby and Prismic starter that showcases portfolios and blogs. It is a light-themed starter with customizable features and components. It is mobile-ready and includes Google Analytics integration. Prist allows users to easily deploy to Netlify and customize their website.

Features:

  • Landing page with customizable Hero, Portfolio preview, and About component.
  • Emotion styled components for a visually appealing design.
  • Blog layout and pages for showcasing blog posts.
  • Portfolio layout and pages to display projects.
  • Integration with Google Analytics for website tracking.
  • Responsive design that is mobile-ready.

Installation:

To install the Prist theme, follow these steps:

  1. Deploy to Netlify:

    • Create a Gatsby site and use the Gatsby CLI to create a new site, specifying the Prist project.
    • If you don’t have the Gatsby CLI installed, refer to the Gatsby instructions.
    • Start developing by navigating into your new site’s directory, installing node modules, and starting it up.
    • Open the code and start customizing!

  2. Configuring Prismic:

    • Create an account and repository on Prismic.
    • In your gatsby-config.js file, add your Prismic repository name to the repositoryName field.
    • Define your Custom Types by creating three Custom Types: Homepage (Single), Post (Repeatable), and Project (Repeatable).

    Tips & Common Issues:

    • Make sure to fill in all fields with content in Prismic to avoid any NULL value errors.
    • Add the URL properly to the About section, as it is necessary for the project to work.
    • If you encounter issues fetching updated data from Prismic, running gatsby clean can help clear the cache.
    • Clearing the cache, node modules, and package-lock.json can also resolve some issues.

Summary:

Prist is a versatile Gatsby and Prismic starter that allows users to showcase portfolios and blogs. It offers customizable features, mobile-ready design, and integration with Google Analytics. The installation process involves deploying to Netlify and configuring Prismic, with tips provided to address common issues. Overall, Prist provides a solid foundation for building professional and visually appealing websites.