Frontity Tutorial
  • 👋Welcome
  • ✔️Checking your progress
  • 1️⃣ Creating a custom theme
    • Create a Frontity Project
    • Create a Theme Package
    • Modify the <Root> component
    • Connect the <Root> component to the state
  • 2️⃣ Adding a menu
    • Use the <Link> component
  • 3️⃣ Displaying posts
    • Understanding the Frontity state
    • Display the list of posts
    • Display the post content
    • Display posts and pages separately
    • Formatting the date
  • 4️⃣ Adding styling
    • Global styles
    • Styled components
    • Styling the links
    • Styling the post info
    • Add dynamic styling
  • 5️⃣ Adding behaviour
    • Use 'state' and 'actions'
    • Add pagination
  • 6️⃣ Custom Post Types
    • Add support for Custom Post Types
  • 7️⃣ Finishing touches
    • Add a <Loading> component
    • Add a 404 page
    • Use the <html2react> component
    • SEO and head tags
    • Other things to do
  • 8️⃣ Deploying the project
    • Deploy to Vercel
  • 9️⃣ Next Steps
    • Learning resources
    • Getting help and support
    • Contributing to Frontity
Powered by GitBook
On this page
  • Documentation
  • Demos
  • Videos
  • Blog posts
  • Showcase
  1. 9️⃣ Next Steps

Learning resources

Here's a list of the resources that are currently available to help you learn more about Frontity. They can be found in the Learn Frontity page too.

Documentation

There are three parts to the Frontity documentation.

tutorial.frontity.org is the introductory step-by-step tutorial which you've just completed. Yay! 🙌

docs.frontity.org is the generic documentation and where you should go if you want to deepen your conceptual understanding of how Frontity works and how a Frontity project should be implemented. As well as theoretical information, such as Frontity Architecture and Core Concepts, you can find many practical guides here.

api.frontity.org is the API reference. Once you've got the basics and the core concepts of working with Frontity nailed this is where you'll find detailed technical descriptions for the CLI and plugins available in Frontity. This is also the place where you should go if you want to learn more about the different Frontity packages, including themes.

Demos

On this GitHub repository there's a number of example projects each of which is intended to demonstrate how to achieve a particular task using Frontity. Some of the most popular projects are:

  • Custom Post Types

  • Fetching a Menu from WordPress

  • Contact Form in Footer

Videos

If videos are more your thing, there are a few playlists on Frontity's Youtube channel which will help you to jump in and get coding with Frontity, including:

  • Frontity Talks: a series of videos where the Frontity DevRel team explain a variety of different topics related to the framework.

  • Demos: a series of demos to help you understand how to use specific features in your project.

Blog posts

Other development posts, as well as case studies and general news, can be found in the Frontity blog. Here's some that you might find interesting:

  • Connecting Gutenberg and Frontity

  • How to use Frontity with SpinupWP

  • Diariomotor Case Study

Showcase

Do you need some inspiration for your project? The Frontity community is always building amazing websites. You can discover some of them in the Showcase page.

Previous9️⃣ Next StepsNextGetting help and support

Last updated 4 years ago