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

8️⃣ Deploying the project

PreviousOther things to doNextDeploy to Vercel

Last updated 3 years ago

Web development projects can rarely be considered complete and there is quite often additional work that needs doing even after deployment. It is also usual for web projects to change and evolve over time and/or require ongoing maintenance and further development.

However, for our current purposes we can at this point consider our application finished and ready to deploy.

We can create a production version of our project by running the following command from the root of your project:

> npx frontity build

This command will generate a build directory containing both your (isomorphic) React app and your Frontity (Node.js) server. You can then run the following command to serve the site from your local Node.js installation:

> npx frontity serve

The site can then be visited from the browser using the address that the output from the command tells you it is listening on - this is likely to be .

The build directory can be deployed to any hosting that provides Node.js and can serve a Node.js app in order to make the site publicly available.

In the next section we will look at deploying our site to one particular hosting service, namely Vercel.

http://localhost:3000