Skip to content


Repository files navigation


Open in CodeSandbox

This is the project as explained in the Step By Step tutorial available at

Accessing the steps of the tutorial

Every commit in the repo corresponds to a step in the tutorial. These commits are tagged using the formula "StepX.X"

So, once you have cloned your repository by running (for example)

git clone

you'll get the final version of the project, but you can go to a specific step of the tutorial by executing:

git checkout Step4.1

The list of available tags (steps) that can be used with git checkout is here

To return to the final version you can execute:

git checkout main

Launch a development server

npx frontity dev

Runs the app in development mode. Open http://localhost:3000 to view it in the browser.

The site will automatically reload if you make changes inside the packages folder. You will see the build errors in the console.

» Frontity Channels 🌎

We'd love for you to be part of our ever-growing community. There are a variety of different ways in which you can find information about the project, discuss about it, and contribute to it.

  • πŸ“– Docs: this is the place to learn how to build amazing sites with Frontity.
  • πŸ‘¨β€πŸ‘©β€πŸ‘§β€πŸ‘¦ Community forum: join our forum and ask questions, share your knowledge, give us feedback and tell us how we're doing, and meet other cool Frontity people. We'd also love to know about what you're building with Frontity, so please do swing by the forum and tell us about your projects.
  • 🐞 Contribute: we use GitHub for bugs and pull requests. See our Contributing section to find out how you can help develop Frontity, or improve the documentation.
  • πŸ—£ Social media: interact with other Frontity users. Reach out to us on Twitter. Mention us in your tweets about Frontity and what you're building by using @frontity or #frontity.
  • πŸ’Œ Newsletter: do you want to receive the latest news about Frontity and find out as soon as there's an update to the framework? Subscribe to our newsletter.

Wondering why should get involved? Read this article about contributing to open source software.