We are happy to announce that the Twenty Nineteen WordPress theme is now available as a free Frontity theme! 🎉

The popular Twenty Nineteen theme has been ported over to Frontity by Imran Sayed and Smit Patadiya, both active contributors to the WordPress and Frontity community.

This ready-made theme allows you to get your site running on Frontity easily. It primarily suits blogs, but can be adaptable to a wide range of websites.

You can see the Twenty Nineteen for Frontity theme demo in action here.

????See the speed/performance difference…
Left:- Normal WordPress website
Right:- #WordPress with @frontity ????

(theme ::: under_development)#Reactjs #community @WPNewsify #JSforWPConf #kinsta #100DaysOfCode #developers #javascript #CodeNewbie #devcommunity #WCZRH #feed pic.twitter.com/fRsEeXDXeY
— Smit Patadiya (@smit_patadiya) July 10, 2019

A speed and performance comparison between the Twenty Nineteen default WordPress theme in PHP (left) and the Frontity theme in React (right).

Installation

You can follow the instructions below, check out the GitHub repo, or watch this video tutorial made by Imran to help you get started.

1. For a new project: by cloning this project

git clone https://github.com/imranhsayed/frontity-twentynineteen

```
cd frontity-twentynineteen
```

npm install && npx frontity dev (from the project's root directory)

Your site will now be available at http://localhost:3000/

2. For a new/existing project using npm

```
npx frontity create my-app && cd my-app
```

npm install @frontity/twentynineteen-theme

Update the package name to the frontity-settings.js

"packages": [

{

"name": "@frontity/twentynineteen-theme",

npx frontity dev (from project's root directory)

Your site will be available at http://localhost:3000/

Set the featured images to true to display them on the Home page and single post page.

"featured": {

"showOnList": true,

"showOnPost": true

}

Learn more

If you’re interested in learning more about the Twenty Nineteen Frontity Theme, please refer to the following resources:

GitHub repo for Twenty Nineteen Frontity Theme.
Live Demo of the Twenty Nineteen Frontity Theme.
Video tutorial on how to setup and customize the theme by Imran Sayed.
Video tutorial in Spanish on how to setup the theme by Domini Code.

As always, if you need a hand to use Frontity for your project or have any questions, please let us know. We will be happy to help!

Other useful links:

💙 A huge thank you to Smit and Imran for their amazing work!

Frontity is a free and open source framework for building headless WordPress sites using React. Check out our introductory post here!