RG Portfolio Starter
February 24, 2020About
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.
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/