RG Portfolio Starter

February 24, 2020

About

Kick-off your Portfolio website with RG-Portfolio gatsby starter. We have used Gatsby + Contenful.

In this starter, you can easily manage your content from contentful CMS. you can post blogs and your photos. you can manage homepage section in contentful for an exmple if you dont want to show Work and Testimonials in homepage you can easily unchecked menus listing in Site Information content_types.

Manage all site infromations, Header manu and Home page section in contentful. see the screeshot of settings.

site-infromations

Features

  • Blogs listing with each blog post.
  • Contact form with Email notification using formspree.io.
  • Photos and Blogs page listing.
  • Different types of sections like About, Service, Blogs, Work, Testimonials, Photos, and contact.
  • All settings manage from contentful for example Header Menu, Homepage sections, blogs, and photos, etc.
  • Social share in blog details pages with comment ( Disqus ).
  • PWA

Setup

Create a Gatsby site.

Use the Gatsby CLI to Clone this site.

# Clone this Repositories
gatsby new rg-portfolio 
https://github.com/Rohitguptab/rg-portfolio.git

Setup Contentful Models

Use contentful-cli to import the models from contentful-data.json

# contentful space --space-id <CONTENTFUL_SPACE_ID> import --content-file contentful-data.json

Checkout my below blog how to Import and Export data from ContentFul

https://rohitgupta.design/import-and-export-data-with-contentful-cli

Setup your Own Configure Projects.

You have to create contentful account.

You can find spaceId and accessToken from contentful. https://be.contentful.com/

Once you get those key from sites then you have to create one .env file in the root with the below key

accessToken='your key'
spaceId='your key'

or you can put directly in gatsby-config.js file

Start developing.

Navigate into your new site’s directory and start it up.

cd rg-portfolio
npm install
gatsby develop

Github:

https://github.com/rohitguptab/rg-portfolio

Live URL:

http://rg-portfolio.netlify.com

Gatsbyjs Starter

https://www.gatsbyjs.org/starters/rohitguptab/rg-portfolio/

Deploy on Netlify

Netlify

Share: