RG Portfolio

RG Portfolio is a Gatsby starter for building a portfolio website with Contentful as the content management system, featuring blog, photo gallery, contact form, and PWA capabilities. It produces a static site that is deployable to Netlify and is maintained by Rohit Gupta.

What is RG Portfolio?

RG Portfolio is a Gatsby starter that creates a personal portfolio website powered by Contentful as a headless CMS. It takes a Contentful space with configured models as input and generates a static Gatsby site with blog listing, individual blog posts, photo galleries, service and testimonial sections, and a contact form. The starter uses the gatsby-source-contentful plugin to fetch content and includes a one-click deploy button for Netlify.

Key Features

• Contentful-powered content — All site settings, homepage sections, blogs, and photos are managed through Contentful, letting you update content without touching code.
• Blog with post pages — A blog listing page plus individual blog posts, each with social share buttons and Disqus comment integration.
• Contact form with email notification — A working contact form that sends submissions to your email via formspree.io.
• Photos and blog listing pages — Dedicated pages for photos and blog posts, plus homepage sections for About, Service, Work, Testimonials, Photos, and Contact.
• PWA support — The site is built as a progressive web app, enabling offline access and installability.
• Gatsby + Contentful stack — Uses Gatsby for static generation and the gatsby-source-contentful plugin to pull content.
• Netlify deployment — Includes a one-click deploy to Netlify button for quick publishing.

Who is it for?

• Freelancers and creative professionals who want a portfolio site with an integrated blog and photo gallery without building from scratch.
• Developers looking for a Gatsby starter who want a Contentful-backed example with a working contact form and Disqus comments to customize.
• Photographers who need a photo listing page and gallery sections to showcase their work.

What can you do with RG Portfolio?

• Set up a portfolio in minutes: Clone the starter with gatsby new, import the Contentful models, and run gatsby develop to see the site locally.
• Manage all content from Contentful: Update header menus, homepage sections, blog posts, and photos through the Contentful dashboard.
• Collect contact form submissions: Use the built-in form that sends notifications via formspree.io.
• Publish to Netlify: Deploy the site with the provided button and connect your own domain.

How does RG Portfolio work?

The starter comes with a quick-start flow: clone the repository using the Gatsby CLI, import the Contentful model definitions with the contentful-cli, add your Contentful space ID and access token in the project configuration, then run npm install and gatsby develop. The site is available at localhost:8000, with a GraphQL playground at localhost:8000/___graphql for querying content.

FAQ

Is RG Portfolio free to use?

Yes, the starter is open source and free to use. You only need your own Contentful space and formspree.io account for the contact form; both have free tiers.

Do I need Contentful to use RG Portfolio?

Yes, the starter is designed to pull all content from Contentful. You'll need to create a Contentful space, import the provided content models, and configure your space ID and access token.

Can I customize the sections and pages?

Yes, the homepage sections like About, Service, Work, Testimonials, Photos, and Contact are managed through Contentful, so you can rearrange or edit them from the CMS without code changes.

Does RG Portfolio support comments on blog posts?

Yes, blog post pages include Disqus comments and social share buttons for readers.

How do I deploy RG Portfolio?

The starter includes a Netlify deployment button that connects your GitHub repository and sets up automatic builds, or you can deploy manually with Gatsby build output.