MyClicks

MyClicks is a free, open-source Gatsby starter for building a portfolio website backed by the Contentful CMS, with a live demo hosted on Netlify.

What is MyClicks?

MyClicks is a Gatsby-based starter template that creates a portfolio website powered by Contentful as its content management system. It takes your Contentful space ID and access token as configuration input and produces a static portfolio site that can be deployed to Netlify via a one-click deploy button. The template is published on GitHub by the developer himali-patel, and the project includes a live demo at https://myclicks.netlify.com/ using Gatsby's static site generation.

Key Features

• Gatsby framework — Built on Gatsby, a React-based static site generator, producing fast, pre-rendered HTML pages that can be served from a CDN.
• Contentful integration — The site pulls content from Contentful; you supply your own space ID and access token to connect your content model and entries.
• One-click Netlify deploy — The README includes a Deploy to Netlify button that points at the GitHub repository, allowing you to clone and deploy the starter without manual build configuration.
• GraphiQL included — Gatsby's built-in GraphiQL explorer is available at localhost:8000/___graphql during development, letting you experiment with queries for your Contentful data.
• Gatsby CLI quick start — You can scaffold a new project with a single command: gatsby new your-project-name https://github.com/himali-patel/MyClicks.
• Live demo for reference — A running example of the portfolio is hosted at https://myclicks.netlify.com/, showing the default content and layout before customization.

Who is it for?

MyClicks is aimed at developers who want a ready-made portfolio site without building one from scratch, photographers or designers who need a simple gallery-style presentation of their work, and Gatsby learners who want a real-world project that connects a headless CMS to a static site.

What can you do with MyClicks?

• Developers: clone the starter, run gatsby develop, and edit the source to customize a personal portfolio site.
• Content creators: manage portfolio projects and text through Contentful's editor, then trigger a rebuild to publish changes.
• Gatsby beginners: use the template as a learning reference to see how Gatsby queries Contentful data through GraphQL and deploy it to Netlify.

How does MyClicks work?

The setup follows three documented steps: clone the repository with the Gatsby CLI, run gatsby develop to start the site locally at http://localhost:8000, and then add your Contentful space ID and access token to the project configuration. After those keys are set, the portfolio renders your Contentful content, and you can deploy the finished site to Netlify using the included deploy button.

Pros and cons

• Pros: free and open-source; zero-cost deployment path with Netlify; built-in GraphiQL for query debugging; works with any Contentful space you configure.
• Considerations: you must create a Contentful account and provide your own space ID and access token before content appears; the starter is minimal and does not include a component library or styling system on its own.

FAQ

Is MyClicks free?

Yes, MyClicks is an open-source starter hosted on GitHub, so you can clone, modify, and use it without payment. The only external costs are optional: a Contentful account for content management and Netlify for hosting, both of which offer free tiers.

What does MyClicks do?

MyClicks is a Gatsby starter that builds a portfolio website connected to Contentful, a headless CMS. You configure your Contentful credentials, and the site displays portfolio entries you manage in that CMS. A working demo is available at myclicks.netlify.com.

How do I set up MyClicks?

First, run gatsby new your-project-name https://github.com/himali-patel/MyClicks to create a new project. Next, run gatsby develop inside the project folder. Finally, add your Contentful space ID and access token to the configuration so the site can fetch your content.

How do I deploy MyClicks to Netlify?

The README includes a Deploy to Netlify button in the Deploy section. Clicking it connects your GitHub repository to Netlify and starts a build automatically. You can also deploy manually by connecting the repository in the Netlify dashboard and configuring the build settings.