Example Projects

On this page, you can see example projects built with React and Prismic.


Choose a project

To get started, choose a project below. Click Preview to see a demo of the website.

To install a sample project, run the theme command in your terminal.

What does the theme command do?

The theme command clones the project locally, installs all necessary dependencies, and creates a Prismic repository with Custom Types and pre-built content. It will ask you to give the name of your Prismic repository and the local folder to initialize your project.

Blog website

This blog website is a great starting point to explore React.js and Prismic. Modify and adapt it to your liking.

Run the following Prismic theme command in the terminal to launch this project locally:

Copy
npx prismic-cli@latest theme --theme-url https://github.com/prismicio/reactjs-blog --conf src/prismic.js

Business website

A Business website with multiple pages and a dynamic menu. This project provides all the code you need for a website with a homepage, information pages, and navigation

Run the following Prismic theme command in the terminal to launch this project locally:

Copy
npx prismic@latest theme --theme-url https://github.com/prismicio/reactjs-website --conf src/prismic.js

Verify repository name

Open  src/prismic.js file and verify the Prismic repo 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.


Run the website in development mode

Now, open your project folder in the terminal by cd name-of-your-project and run the following command to launch a local development server at http://localhost:3000.

Copy
npm start

Now you can customize the code and content however you want, and deploy your project when you're ready.


Was this article helpful?
Not really
Yes, Thanks

Can't find what you're looking for? Get in touch with us on our Community Forum.