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
  • How you can contribute
  • 💻 Contribute code
  • 🎨 Create themes and packages
  • 📖 Improve the documentation
  • 👨‍👩‍👧‍👦 Help the community
  • 🗣️ Spread the word
  • In conclusion
  1. 9️⃣ Next Steps

Contributing to Frontity

PreviousGetting help and support

Last updated 3 years ago

As you're already aware, Frontity is open source and freely available for everyone.

We believe that open source allows everyone to do things that they otherwise couldn't. Besides this, we think that collaboration leads to better development of technology.

There are many reasons to contribute to open source, one of which is that it will help make you a better developer. Check out our list of .

How you can contribute

You can contribute in many ways:

  • Contribute code to the Frontity framework

  • Create themes/packages and share them on npm or GitHub

  • Improve the docs (including this step-by-step tutorial! 😄 )

  • Help the community

  • Spread the word

💻 Contribute code

Frontity uses GitHub for managing the codebase. See the if you want to actively test the codebase or go bug-hunting. If you find a bug in the course of your project development or in your use of Frontity you can .

Please head over to this for more details of how you can contribute code to Frontity.

To keep up to date with developments in Frontity and to see what's currently in development or being planned see the . Suggestions for new features, or your input on any of the discussions there, are always welcome.

🎨 Create themes and packages

Frontity is designed to be modular in that packages can add new functionality, in much the same way that plugins do in WordPress, and themes can add a new presentation layer.

You've seen during this step-by-step tutorial how a new theme can be built from scratch.

📖 Improve the documentation

👨‍👩‍👧‍👦 Help the community

🗣️ Spread the word

And finally, another great way that you can contribute is by spreading the word about Frontity, being an evangelist, and raising awareness of Frontity in other developer communities, such as the WordPress community or the JavaScript and React communities.

You can do this in several ways:

Tweeting

Tweet about things you've built or shared or written (see below) related to Frontity. You could even tweet about a Frontity related article you've read, or a new release or new feature. It all helps to spread the word about Frontity.

Creating content

Speaking

Sharing your work

This is a great way to show what can be accomplished with the framework and to help inspire other developers with your work. Sometimes, an example is worth a thousand words!

In conclusion

There is already a variety of themes and packages available on . If you are creating your own theme or package you can upload it to npmjs.com and make it available for the benefit of the whole Frontity development community. Plaudits and good karma will surely come your way! 🧘

The Frontity documentation is also hosted on GitHub in , and this tutorial is in .

If you spot any typos or errors, or have ideas for improving the docs please do raise an issue or a PR. Learn how you can contribute to the Frontity documentation .

As previously mentioned the Frontity community can be found at . This is where you can ask questions and get solutions to your problems. It's also a great way to contribute, by helping others with their problems and sharing your knowledge for the benefit of others.

Be sure to mention when tweeting.

Share your knowledge by creating tutorials, case studies and videos that teach other developers about various aspects of working with Frontity. Remember to in the community forum so that other users can know about them.

Talk about Frontity, a particular technical aspect of working with Frontity, or even your own experience of working with Frontity such as a project you've built or a technical problem you've overcome. Tech conferences (such as ) and local groups are always looking for speakers to talk on interesting topics.

The category of the forum is a great place to let the community know about your talk or workshop.

Have you built a project with Frontity? It could be a website for a client or just your personal site. Either way, swing by the category and tell the community more about it.

We look forward to your contributions, in whichever way you choose to contribute. For more information about ways to contribute see this section of the docs.

good reasons to contribute
main repo
raise an issue
Code Contribution guide
Feature Discussions
npmjs.com
this repo
this repo
here
community.frontity.org
@frontity
share them
WordCamps
MeetUp
Events
Showcase
Contributing