Sample Blog with API-based CMS & Gatsby.js
Example blog project with Prismic (API-based CMS) and Gatsby.js. This guide is an excellent starting point to learn how to use Gatsby or Prismic. Feel free to take a look!
First, Install the prismic-cli package globally. Launch a terminal instance and run the following command:
npm install -g prismic-cliSudo command
Sometimes it's possible that this command doesn't work. If that's the case for you, try executing a sudo command: sudo npm install -g prismic-cli
Once it's been installed, navigate where you want to create your new project folder and run the following command. This will create a new Prismic content repository, set up the custom types, create a few documents, and install the project code:
prismic theme --theme-url https://github.com/prismicio/gatsby-blog --conf prismic-configuration.js⚠️ Correct repositoryName
Open your prismic-configuration.js file and confirm that in the prismicRepo matches the URL of the Prismic repository created earlier in this article. To find this, go to your Prismic dashboard, then to your repository.
If the URL for your repository is https://my-awesome-repository.prismic.io, then you'll need to replace 'your-repo-name' with 'my-awesome-repository'.
Visit the repository you have just created in your browser. It will show in your Prismic Dashboard.
Open your project folder again, and in the terminal, run the development command.
npm startYour site should now be running locally at http://localhost:8000!
You have many options to select from to deploy and host your site, as well as different ways of setting up previews in your project. Refer to the dedicated guide and select the option that best fits your needs: