Twenty Nineteen Frontity Theme Featured Image

in News

Introducing Twenty Nineteen Frontity Theme

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.

Building a React theme for WordPress has never been easier

GET STARTED

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

  1. git clone https://github.com/imranhsayed/frontity-twentynineteen
  2. cd frontity-twentynineteen
  3. npm install && npx frontity dev (from the project's root directory)
  4. Your site will now be available at http://localhost:3000/

2. For a new/existing project using npm

  1. npx frontity create my-app && cd my-app
  2. npm install @frontity/twentynineteen-theme
  3. Update the package name to the frontity-settings.js
    
    "packages": [
    
    {
    
    "name": "@frontity/twentynineteen-theme",
  4. npx frontity dev (from project's root directory)
  5. Your site will be available at http://localhost:3000/
  6. 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:

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!

Building a React theme for WordPress has never been easier

GET STARTED