Netlify Sales Hackathon 2023

This is the repository from where you will begin the Sales Hackathon Project.

Have Fun!!

View the demo site

Click here to explore the demo site that uses this repository as its source code.

Getting set up

Login or Signup to Netlify You will need a Netlify account to complete this project.

• Netlify account created?

Github

Login or Signup to Github You will need a GitHub account to complete this project.

• Github account created?

Setup Contentful

Login or Signup to Contentful You will need a Github account to complete this project.

• Contentful account created?

Note!!!

In order to save time, your work will be entirely done in your github repo and the Netlify UI.

One-click Deploy with Netlify (recommended)

Please click on the Depoly to Netlify button below. This will clone your repo to your github repository, as well as deploy your application to your Netlify instance.

#Before you click on the deploy to Netlify button, you will need the following handy:

• Name of Repository Any name you like
• CONTENTFUL_SPACE_ID should be the Space ID field of your API Key
• CONTENTFUL_ACCESS_TOKEN should be the Content Delivery API - access token field of your API key
• CONTENTFUL_PREVIEW_ACCESS_TOKEN should be the Content Preview API - access token field of your API key
• CONTENTFUL_PREVIEW_SECRET should be any value you want. It must be URL friendly as the dashboard will send it as a query parameter to enable preview mode

The one-click deploy allows you to connect Netlify to your GitHub account to clone the SalesHackathon repository and deploy it automatically. Be sure to go to Github and Contentful to sign up for an account before clicking the deploy button.

By clicking the above button, you will be navigated to the Netlify’s direct deploy page with the project’s repository passed as parameters in the url. Click the Connect to GitHub button, name your repository and enter in this your Contentful Values as input as follows:

Once your site is live, navigate to Contentful to see that the content model is already completed.

Publish via buildhooks

After you deploy the site to Netlify you can configure it to build whenever new a new entry is published in Contentful. To configure this navigate to your site settings on Netlify and go to the Build & Deploy tab. Find the Build hooks section and add a new build hook. Name the build hook something like Contentful and select your production branch.

Copy the generated URL and navigate to Settings > Webhooks in your Contentful space. Under Webhook Templates click Add next to the Netlify template. Add the URL you just copied and click Create webhook.