Let's make a simple app with Create React App to list latest posts from dev.to You can use GitHub Actions to deploy to GitHub pages on different events like Github Actions is a new Continuous Integration and Deployment solution from Github. But, often, you need to publish it by yourself. These methods will update the state properties.GitHub pages are a great place to host the Demos and Personal Sites. Mern/server/server.js const express = require('express') It should list the packages along with their versions.Īfter we have ensured that dependencies were installed successfully, we create a file called server.js with the following code.: We can check out installed dependencies using the package.json file. This lets you separate configuration files from the code.

dotenv installs the module that loads environment variables from a.

cors installs a Node.js package that allows cross origin resource sharing.

express installs the web framework for Node.js.

mongodb command installs MongoDB database driver that allows your Node.js applications to connect to the database and work with data.

The command above uses a couple of keywords: Then, we will initialize package.json using npm init. We will jump into the server folder that we created previously and create the server. Then, we create a folder for the back end and name it server. Then we will create a React app- client-in it. This folder will hold all our files after we create a new project. Let’s start by creating an empty directory: mern.

We will call the front end client and the back end server. The front end will be implemented with React and the back end will be implemented with MongoDB, Node, and Express. For this project, we will create both a back end and a front end. So, to leverage its full potential, we will be creating a MERN stack project.

MERN lets us create full-stack solutions. (Feel free to code along or to download the full code from this GitHub repo.)

Deploying react app to github pages