Announcing the official GraphCMS eCommerce Starter
We have a new GraphCMS starter - An eCommerce shop built using GraphCMS, Next.js, and Stripe.
For all our users building their projects on Gatsby Cloud, we're thrilled to announce our official native integration for Gatsby Cloud!
The Gatsby Cloud integration allows you to seamlessly update your static deployments at the push of a button from within GraphCMS itself! Not to be confused with triggered builds via webhooks, this integration allows you to install a button in the GraphCMS sidebar of a content model for manual redeploys.
Draftstage will automatically be updated and ready to preview in seconds.
gatsby-source-graphcmson GitHub or GitLab.
If you have a pre-existing GraphCMS powered Gatsby site in Gatsby Cloud, you can skip to step 2.
Create a new site by importing your pre-existing Gatsby project from a GitHub repository. Follow along for instructions on how to do this.
You will be asked to provide your environment variables required for your Gatsby site to build. This includes:
After configuring this, your new Gatsby Cloud site will build for the first time, and be accessible in your dashboard.
To enable the integration within GraphCMS, you'll need some details from your initialized Gatbsy Cloud project.
Form the Gatsby Cloud dashboard, go to the site you want to work with, click Site Settings.
Make note of your project’s Prefix as that will be needed for the GraphCMS setup.
Now navigate to the Webhook section. In order to trigger new Gatsby Cloud builds for both the production and Preview instances, we need both the Preview Webhook and Builds Webhook URLs. These will be required during the Gatsby Cloud integration setup.
Be sure to check that CMS Preview builds are enabled for your Gatsby Site project. This can be done in the Preview section of the Site Settings page. This is required!
In your GraphCMS project dashboard, navigate to Settings and then Integrations. From here click Gatsby Cloud and then Enable.
Populate the form fields with the values from your Gatsby Cloud site and click Enable.
Enjoy automated Preview builds and incremental deploys! Once successfully enabled, your project will:
Your content editing experience will now include a preview button direct to your Gatsby Cloud CMS Preview instance. CMS Preview builds are fast and the instance should automatically update in seconds.