# Frontity Tutorial

## Frontity Tutorial

- [Welcome](https://tutorial.frontity.org/readme.md)
- [Checking your progress](https://tutorial.frontity.org/checking-your-progress.md)
- [1️⃣ Creating a custom theme](https://tutorial.frontity.org/part1-creating-a-custom-theme.md)
- [Create a Frontity Project](https://tutorial.frontity.org/part1-creating-a-custom-theme/create-a-frontity-project.md)
- [Create a Theme Package](https://tutorial.frontity.org/part1-creating-a-custom-theme/create-a-theme-package.md)
- [Modify the \<Root> component](https://tutorial.frontity.org/part1-creating-a-custom-theme/modify-the-root-component.md)
- [Connect the \<Root> component to the state](https://tutorial.frontity.org/part1-creating-a-custom-theme/connect-the-root-component-to-the-state.md)
- [2️⃣ Adding a menu](https://tutorial.frontity.org/part2-adding-a-menu.md)
- [Use the \<Link> component](https://tutorial.frontity.org/part2-adding-a-menu/use-the-link-component.md)
- [3️⃣ Displaying posts](https://tutorial.frontity.org/part3-displaying-posts.md)
- [Understanding the Frontity state](https://tutorial.frontity.org/part3-displaying-posts/understanding-the-frontity-state.md)
- [Display the list of posts](https://tutorial.frontity.org/part3-displaying-posts/display-the-list-of-posts.md)
- [Display the post content](https://tutorial.frontity.org/part3-displaying-posts/display-the-post-content.md)
- [Display posts and pages separately](https://tutorial.frontity.org/part3-displaying-posts/display-posts-and-pages-separately.md)
- [Formatting the date](https://tutorial.frontity.org/part3-displaying-posts/formatting-the-date.md)
- [4️⃣ Adding styling](https://tutorial.frontity.org/part4-adding-styling.md)
- [Global styles](https://tutorial.frontity.org/part4-adding-styling/global-styles.md)
- [Styled components](https://tutorial.frontity.org/part4-adding-styling/styled-components.md)
- [Styling the links](https://tutorial.frontity.org/part4-adding-styling/styling-the-links.md)
- [Styling the post info](https://tutorial.frontity.org/part4-adding-styling/styling-the-post-info.md)
- [Add dynamic styling](https://tutorial.frontity.org/part4-adding-styling/add-dynamic-styling.md)
- [5️⃣ Adding behaviour](https://tutorial.frontity.org/part5-adding-behaviour.md)
- [Use 'state' and 'actions'](https://tutorial.frontity.org/part5-adding-behaviour/use-state-and-actions.md)
- [Add pagination](https://tutorial.frontity.org/part5-adding-behaviour/add-pagination.md)
- [6️⃣ Custom Post Types](https://tutorial.frontity.org/part6-custom-post-types.md)
- [Add support for Custom Post Types](https://tutorial.frontity.org/part6-custom-post-types/add-support-for-cpts.md)
- [7️⃣ Finishing touches](https://tutorial.frontity.org/part7-finishing-touches.md)
- [Add a \<Loading> component](https://tutorial.frontity.org/part7-finishing-touches/add-a-loading-component.md)
- [Add a 404 page](https://tutorial.frontity.org/part7-finishing-touches/add-a-404-page.md)
- [Use the \<html2react> component](https://tutorial.frontity.org/part7-finishing-touches/use-the-html2react-component.md)
- [SEO and head tags](https://tutorial.frontity.org/part7-finishing-touches/seo-and-head-tags.md)
- [Other things to do](https://tutorial.frontity.org/part7-finishing-touches/other-things-to-do.md)
- [8️⃣ Deploying the project](https://tutorial.frontity.org/part8-deploying-the-project.md)
- [Deploy to Vercel](https://tutorial.frontity.org/part8-deploying-the-project/deploy-to-vercel.md)
- [9️⃣ Next Steps](https://tutorial.frontity.org/part9-next-steps.md)
- [Learning resources](https://tutorial.frontity.org/part9-next-steps/learning-resources.md)
- [Getting help and support](https://tutorial.frontity.org/part9-next-steps/getting-help-and-support.md)
- [Contributing to Frontity](https://tutorial.frontity.org/part9-next-steps/contributing-to-frontity.md)