👋 Welcome! You've just taken your first step on the path to mastering Frontity.
Frontity is a React-based framework that enables you to easily build a frontend for a headless (or decoupled) WordPress site. Your WordPress site serves its data via the REST-API. Frontity framework is open source and free to use.
To get started with Frontity you will need:
A WordPress installation - This can be hosted locally, on a web-server, or you can also use a site hosted on wordpress.com
However, when you spin up your first Frontity project you will initially be connected to our test site so you won't be without content when you first try Frontity
Node.js installed in your computer - If you don't already have it you can get Node.js from the official site. This will also install npm and npx along with Node.js
You will use these to run Frontity commands during the set-up and development of your project
For those coming from WordPress it might be worth noting that Frontity runs on Node, so it needs to be deployed in a different server than your WordPress. If you want to learn more about this, visit our GitHub repo or see the Architecture section arch these docs.
Frontity depends on the WordPress REST-API. If you have a recent version of WordPress installed, or if you're using wordpress.com then you should be good to go.
To check that the WordPress REST-API is working you can type one of the following into your browser's address bar. You should get a lot of complicated looking stuff in your browser. Don't worry, this is JSON and Frontity is very happy with this.
For a self-hosted WordPress site (i.e. local or web based):
http://your-wp-domain.com/wp-json
For wordpress.com:
https://public-api.wordpress.com/wp/v2/sites/your-wp-site.wordpress.com
Check also that you are using one of the pretty permalinks options, rather than the plain one, in Settings->Permalinks
.
To test if you have Node.js installed open your terminal and run:
node -v
npm -v
Once you have a WordPress site and Node.js you're good to go and all set to get up and running....
No time to waste? Then head straight over to our Quick start guide to get up and running right away.
Want all the gen before you get started? Then read through our Learning Frontity section for in-depth insights into working with Frontity.
Need more info? Our Community forum is the perfect place to ask any questions and share your feedback. We look forward to seeing you there.
Frontity is open source and welcomes contributions. There are many ways to support the project and get involved. Please see the Contributing section for more info.
Still have questions? Come and join us in the community and ask there! We are here to help 😊