Forem: Muhammad Uzair

VPS Deployment Guide (NEXT JS/REACT JS + GITHUB ACTIONS)

Muhammad Uzair — Thu, 14 Aug 2025 22:03:42 +0000

If you follow this exactly, your app will:

Deploy from GitHub with .env replaced each time
Serve over HTTPS automatically
Keep running after reboots
Renew SSL certs without downtime

0️⃣ Prerequisites

VPS with Ubuntu/Debian OR CentOS/AlmaLinux/Amazon Linux
Domain pointing to VPS IP (A record set in DNS)
GitHub repo with app code
SSH access to VPS
GitHub Actions enabled

1️⃣ Install Required Packages

Ubuntu/Debian

sudo apt update && sudo apt upgrade -y
sudo apt install curl git nginx ufw -y
curl -fsSL https://deb.nodesource.com/setup_22.x | sudo -E bash -
sudo apt install -y nodejs
sudo npm install -g pm2

CentOS / AlmaLinux / Amazon Linux

sudo yum update -y
sudo yum install curl git nginx -y
curl -fsSL https://rpm.nodesource.com/setup_22.x | sudo bash -
sudo yum install -y nodejs
sudo npm install -g pm2

2️⃣ Create a Repo-Level Deploy Key

ssh-keygen -t rsa -b 4096 -C "deploy-key"
# Save as: /home/ubuntu/.ssh/deploy_key_example

Press Enter twice for no passphrase.

3️⃣ Add Public Key to GitHub Repo

cat ~/.ssh/deploy_key_example.pub

GitHub Repo → Settings → Deploy Keys → Add Deploy Key
Name: VPS Deploy Key
Paste the public key
✅ Check “Allow write access” (optional)
Save

4️⃣ Configure SSH for GitHub

nano ~/.ssh/config

Paste:

Host github-example
  HostName github.com
  User git
  IdentityFile ~/.ssh/deploy_key_example
  IdentitiesOnly yes

5️⃣ Clone the Repo

sudo mkdir -p /var/www
sudo chown $USER:$USER /var/www
cd /var/www
git clone git@github-example:username/repo-name.git example-app
cd example-app

6️⃣ Install Dependencies

npm install

7️⃣ Build the App

Next.js

npm run build
pm2 start npm --name "example-app" -- start

React

npm run build

8️⃣ Install SSL

Ubuntu/Debian

sudo apt install certbot python3-certbot-nginx -y
sudo certbot certonly --nginx -d example.com

CentOS / AlmaLinux / Amazon Linux

sudo yum install certbot python3-certbot-nginx -y
sudo certbot certonly --nginx -d example.com

9️⃣ Nginx Configuration (With SSL)

Ubuntu/Debian

sudo nano /etc/nginx/sites-available/example.com

CentOS / AlmaLinux / Amazon Linux

sudo nano /etc/nginx/conf.d/example.com.conf

Next.js (SSR)

server {
    listen 80;
    server_name example.com;
    return 301 https://$host$request_uri;
}

server {
    listen 443 ssl;
    server_name example.com;

    ssl_certificate /etc/letsencrypt/live/example.com/fullchain.pem;
    ssl_certificate_key /etc/letsencrypt/live/example.com/privkey.pem;

    location / {
        proxy_pass http://localhost:<PORT_OF_YOUR_APP>;
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection 'upgrade';
        proxy_set_header Host $host;
        proxy_cache_bypass $http_upgrade;
    }
}

React (Static)

server {
    listen 80;
    server_name example.com;
    return 301 https://$host$request_uri;
}

server {
    listen 443 ssl;
    server_name example.com;

    ssl_certificate /etc/letsencrypt/live/example.com/fullchain.pem;
    ssl_certificate_key /etc/letsencrypt/live/example.com/privkey.pem;

    root /var/www/example-app/build;
    index index.html index.htm;

    location / {
        try_files $uri /index.html;
    }
}

🔟 Enable Config & Restart Nginx

Ubuntu/Debian

sudo ln -s /etc/nginx/sites-available/example.com /etc/nginx/sites-enabled
sudo nginx -t
sudo systemctl restart nginx

CentOS / AlmaLinux / Amazon Linux

sudo nginx -t
sudo systemctl restart nginx

1️⃣1️⃣ Enable PM2 Auto-Start (Next.js Only)

pm2 save
pm2 startup

Follow the command PM2 outputs and run it.

1️⃣2️⃣ Enable Automatic SSL Renewal

sudo certbot renew --dry-run

Add a cron job:

sudo crontab -e

Paste:

0 3 * * * /usr/bin/certbot renew --quiet && /bin/systemctl reload nginx

1️⃣3️⃣ GitHub Actions Deployment Pipeline

Next.js

name: Deploy Next.js to VPS

on:
  push:
    branches: [ main ]

jobs:
  deploy:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v3

      - name: Deploy via SSH
        uses: appleboy/ssh-action@master
        with:
          host: ${{ secrets.VPS_HOST }}
          username: ${{ secrets.VPS_USER }}
          key: ${{ secrets.VPS_KEY }}
          script: |
            cd /var/www/example-app
            git pull origin main
            rm -f .env
            echo "${{ secrets.ENV_FILE }}" > .env
            npm install
            npm run build
            pm2 restart example-app

React

name: Deploy React to VPS

on:
  push:
    branches: [ main ]

jobs:
  deploy:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v3

      - name: Deploy via SSH
        uses: appleboy/ssh-action@master
        with:
          host: ${{ secrets.VPS_HOST }}
          username: ${{ secrets.VPS_USER }}
          key: ${{ secrets.VPS_KEY }}
          script: |
            cd /var/www/example-app
            git pull origin main
            rm -f .env
            echo "${{ secrets.ENV_FILE }}" > .env
            npm install
            npm run build
            sudo systemctl restart nginx

1️⃣4️⃣ Add GitHub Secrets

In GitHub Repo → Settings → Secrets → Actions:

VPS_HOST → VPS IP
VPS_USER → ubuntu (or VPS username)
VPS_KEY → contents of ~/.ssh/deploy_key_example
ENV_FILE → entire .env file contents

✅ Key Differences

Feature	Next.js (SSR)	React (Static)
Build Command	`npm run build`	`npm run build`
Serve Method	PM2 Node.js process	Nginx static serve
Nginx Role	Reverse proxy to Node server	Directly serve `/build`
Port Required	✅ `<PORT_OF_YOUR_APP>`	❌
PM2 Required	✅	❌

Deploy Next JS App To Cpanel Using Github Actions

Muhammad Uzair — Sat, 04 Nov 2023 17:01:35 +0000

Deployment can be a challenging and time-consuming process if you zip files manually, put the zip on the server, and extract the files each time🥴

Github actions solve this problem by giving us an automated CI/CD platform.

Prerequisite

FTP account created in cpanel (Check this link)
Configuration of FTP Details in github repository secrets, if you don't know how to add one, you can check this link out

You should have 3 mandatory repository secrets in your repo settings

FTP_HOST
FTP_USERNAME
FTP_PASSWORD

Setting Up Cpanel

Before proceeding, create an empty nodejs app in CPanel with the application startup file named as server.js, you can visit this link for reference

Process

In your next.config.js, add the following line

  distDir: "_next",

Create a file named as server.js in root of your directory and add the following code in it

const { createServer } = require("http");
const { parse } = require("url");
const next = require("next");

const dev = process.env.NODE_ENV !== "production";
const hostname = "localhost";
const port = process.env.PORT || 3000;

const app = next({ dev, hostname, port });
const handle = app.getRequestHandler();

app.prepare().then(() => {
  createServer(async (req, res) => {
    try {
      const parsedUrl = parse(req.url, true);
      const { pathname, query } = parsedUrl;

      if (pathname === "/a") {
        await app.render(req, res, "/a", query);
      } else if (pathname === "/b") {
        await app.render(req, res, "/b", query);
      } else {
        await handle(req, res, parsedUrl);
      }
    } catch (err) {
      console.error("Error occurred handling", req.url, err);
      res.statusCode = 500;
      res.end("internal server error");
    }
  }).listen(port, (err) => {
    if (err) throw err;
    console.log(`> Ready on http://${hostname}:${port}`);
  });
});

Create a file named deploy.yml, the path of the file should be

/projectpath/.github/workflows/deploy.yml

Look I am not going to take much of your time, so if you only want to know the code, here it is.

name: Deploy to FTP

on:
  push:
    branches:
      - master  # Adjust the branch name if needed

jobs:
  deploy:
    runs-on: ubuntu-latest

    steps:
      - name: Checkout code
        uses: actions/checkout@v2

      - name: Set up Node.js
        uses: actions/setup-node@v2
        with:
          node-version: 14.21.2  # Use the desired Node.js version

      - name: Install dependencies and build Next.js app
        run: |
          yarn install  # Install project dependencies
          touch .env.local
          echo MONGO_URL=${{ secrets.MONGO_URL }} >> .env.local
          echo JWT_SECRET=${{ secrets.JWT_SECRET }} >> .env.local
          yarn build  # Build Next.js app

      - name: Deploy via FTPS
        uses: SamKirkland/FTP-Deploy-Action@4.3.3
        with:
          server: ${{ secrets.FTP_HOST }}
          username: ${{ secrets.FTP_USERNAME }}
          password: ${{ secrets.FTP_PASSWORD }}
          local-dir: ./  # This points to the build output directory of your Next.js app
          server-dir: /
          protocol: ftps
          timeout: 300000  # Set a longer timeout value in milliseconds (here, 2 minutes)

Lets breakdown steps

Checkout Code

This action checks-out your repository under $GITHUB_WORKSPACE, so your workflow can access it.

Set up Node.js

This step involves setting up your GitHub Actions workflow with a specific version of node.js, in our case, we set it up to 14.21.2, that's the lastest version upto which cpanel supports.

Install dependencies and build Next.js app

In this step, we can run commands like yarn install/npm install to install the dependencies required to run our app. It also includes getting env values from repo secrets and setting them in .env.local

Deploy via FTPS

This step involves deploying built code on the server using ftp account

WordPress Vs Coding. Which One To Go For?

Muhammad Uzair — Sat, 09 Sep 2023 12:57:48 +0000

WordPress and coding are two different approaches to building websites, and the choice between them depends on your specific needs and preferences. Let's compare the two

🚀 WordPress

Look, I am not going to take much of your time. If you only want to know keypoints, here they are:

Ease of Use
Templates and Plugins
Community and Support
Speed of Development

1. Ease of Use

WordPress is a content management system (CMS) that is known for its user-friendly interface. You don't need extensive coding knowledge to create and manage a WordPress website.

It's a great choice for beginners and those who want to quickly set up a website without diving deep into coding.

2. Templates and Plugins

WordPress offers a wide range of pre-designed templates (themes) and plugins that can add various functionalities to your site. This makes it easy to customize your website without writing a lot of code.

3. Community and Support

WordPress has a large and active community of users and developers, which means you can find plenty of support, tutorials, and resources online.

There are also many third-party services that specialize in WordPress hosting and maintenance.

4. Speed of Development

With WordPress, you can get a basic website up and running very quickly, which can be a significant advantage for small businesses or personal blogs.

🚀 Coding

If you only want to know keypoints, here they are:

Customization
Scalability
Security
Learning Curve
Maintenance

1. Customization

Coding gives you complete control over every aspect of your website. You can create a truly unique and highly customized website tailored to your specific needs. T

his is particularly important for complex or highly specialized projects.

2. Scalability

Coding allows for more scalability and flexibility. If your website needs to handle a lot of traffic or requires unique features, coding from scratch or using a framework can provide better performance and adaptability.

3. Security

While WordPress is generally secure, coding your website from scratch allows you to implement security measures specific to your site's needs.

This can be crucial for websites that handle sensitive data.

4. Learning Curve

Learning to code and building a website from scratch can be challenging, especially if you have no prior experience.

It requires a good understanding of web development languages like HTML, CSS, JavaScript, and potentially server-side languages like PHP or Python.

5. Maintenance

Websites built from code require ongoing maintenance and updates, which can be time-consuming and may require more technical expertise.

🔥 Conclusion

In summary, if you need a simple website quickly and don't want to deal with coding, WordPress is a solid choice.

On the other hand, if you require a highly customized or complex website with specific features, coding may be the better option.

Some projects may even involve a combination of both, where you use WordPress for the frontend and custom coding for specialized backend functionality. Ultimately, the decision depends on your project's requirements and your own skillset or the resources available to you.

Don't forget to like and follow.

Follow Me On GitHub, Linkedin And Instagram For More Valuable Content:

https://github.com/heyitsuzair
https://linkedin.com/in/uzair-dev
https://instagram.com/codewith_uzair

Flutter Vs React Native. Which one to choose in 2023?

Muhammad Uzair — Sat, 01 Apr 2023 09:59:02 +0000

⚛️What is React Native?

React Native is a framework that combines the best parts of native development with React to build user interfaces. Facebook developed React Native in 2015. It is an open-source framework that is based on JavaScript.

It also provides a similar feature, using the same codebase to create cross-platform apps, thus eliminating the need to compile other technologies for creating mobile apps. Skype, Instagram, Uber Eats, etc., depends upon React Native for development. It lets you build mobile apps using only JavaScript.

These mobile applications are downloadable on Google Play Store and Apple Store. React Native is similar to React (JavaScript Library). So if you are a react developer, then you will find react native an easy path.

Advantages of using React Native

Uses JavaScript
Can create apps for multiple platforms using a single codebase
Understands the importance of code reusability and promotes it
Growing and active community
Helps in accelerating coding time

Disadvantages of using React Native

Not native
Does not provide innovative, out-of-the-box components
Limited choices
Abandoned libraries and packages
UI can be hampered easily and needs to undergo vigorous UI testing
Larger apps

🚀What is Flutter?

Flutter is a cross-platform mobile app development framework developed by Google. It gives developers an easy way to build and deploy visually attractive, natively compiled applications for mobile (iOS, Android), web, and desktop, all using a single code base. Flutter is based on dart programming language.

A lot of big companies like Alibaba, Philips Hue, Hamilton, etc., choose Flutter for development. Moreover, Google frequently provides updates for Flutter, improving its performance with each update.

Now that you know what the two frameworks are, look at some of the differences between the two.

Advantages of using Flutter

Great UI
Has a number of widgets
Apps are faster
Helps build web apps (Flutter 2)
Well-structured documentation and community
Helps replicate and create the same UI for different devices

Disadvantages of using Flutter

Not native
Apps are larger
Has a limited set of tools

Conclusion

We really hope that this Flutter vs React Native article has given you some clarity and understanding about these two frameworks.

Overall, after all the above research, we can conclude that Flutter is a great choice to save time and money on mobile app development.

Will AI Replace Developers?

Muhammad Uzair — Tue, 21 Mar 2023 02:07:24 +0000

Are you worried about the rise of AI and its potential to replace developers? Many people share this concern, but the reality is more complex than we might think. In this article, we’ll explore the relationship between AI and developers and address some common misconceptions.

🔥 The Reality of AI and Developers

First, let’s consider the ways in which AI and developers are already working together. Here are some examples:

Automating repetitive tasks: AI can take care of tedious and time-consuming tasks, such as testing and debugging, freeing up developers to focus on more creative and high-value work.
Enhancing software testing: AI can help improve software testing by automatically identifying bugs and suggesting improvements.
Improving code quality: AI can analyze code to identify potential vulnerabilities and recommend changes to improve its quality.

As you can see, AI and development are not mutually exclusive fields. Instead, they complement each other in various ways.

🤔 How Can AI Simplify Human Work?

Frameworks as development frameworks or libraries with definitions already naturally simplify the work of software developers. Developments such as containerization or the serverless concept also go in this direction.

The developers take care of the heart of the application, while the runtime environment is made available by others. More or less annoying peripheral tasks, such as the implementation and configuration of the hardware, the management of the traffic, and the like, are no longer necessary.

An example: A creative web designer could in future hand over his mockup to the AI, which then creates the HTML code from it. All the rules and all the knowledge that the AI needs for this would be very easy to teach it.

🎩 How Will AI Impact Programming Jobs?

The fact also seems that the work of software developers will change fundamentally. Neural networks or artificial intelligence will help improve digital work, but they will hardly replace developers in the foreseeable future.

We are already using small-scale learning systems – from the auto-completion already mentioned in the Google search to playlists from the music streaming service provider that always offers the right music according to individual taste, current mood, and times of the day.

The need for application developers has increased significantly. Digitization is taking place in all areas of life and work – after all, someone has to develop the AI, control it, and set the framework and data.

😀 How Can AI Help Programmers?

In the meantime, before replacing them, AI rather begins to integrate with programming tools to help developers improve the quality of their code and speed up their work. Thus, the new Visual Studio 2019 incorporates an AI called IntelliCode, which helps in formatting the code and provides recommendations. Kite does the same for programming in Python. DeepCode scans source codes for vulnerabilities.

Google also has a bug prediction AI. Another example, “ Sketch 2Code “, is based on an AI which transforms interface drawings made by hand into HTML code

🔥 What is the Future of AI?

In short, AI is not yet ready to replace programmers. But current projects demonstrate that we will be able to ask him to code for himself in the relatively near future. In the meantime, it is part of the “augmented” developer movement, allowing it to produce fewer bugs and code faster.

Don't forget to like and follow.

Happy Coding ☺️

Roadmap To Become A Full Stack Web Developer In 2023

Muhammad Uzair — Sat, 18 Mar 2023 14:59:39 +0000

According to the US Bureau of Labor Statistics, the number of employment opportunities in the web development domain is expected to increase by 13% in 2020-2030. It is among the highest numbers concerning the average of all other professions.

A web developer is a professional who develops websites for individuals or businesses. A full-stack web developer works on the front-end as well as the back-end components of the website. The front-end component entails how websites will look when delivered to the clients. The back-end component, on the other hand, stores and processes data securely.

In today's digital era, where almost every business is looking for its own website, web developers are one of the most sought-after professionals. Due to their level of impact through their expertise, they fall under one of the most highly paid professionals.

1. What is web development?

Web development, as mentioned above, is a process that constitutes the development of a website. Let's understand how a website works and comprehend the distinctions between front-end and back-end development. Web Developer roadmap consists of learning of both these concepts.

2. What’s the difference between front-end and back-end?

The terminologies “front-end,” “back-end,” and “full-stack” web development outline which component of the client/server you’ll be working on (Here, “client” can be referred to as a web browser, like Google Chrome, Firefox, etc. whereas “server” is a web application server at a remote location that will process web requests and send pages to the client).

“Front-end” refers to the tasks you'll be undertaking, majorly regarding the client side or the part of the website with which the user interacts. It’s known as the “front-end,” containing elements you can directly see through the browser. On the contrary, the “back-end” is the website component you can't see, but it deals with a ton of crucial functionality and logic and is responsible for the internal workings of a website.

3. Full-Stack Developer Roadmap - Top Skills A Full-Stack Developer Should Have

Let us now look at the full-stack developer roadmap which will serve as a guide regarding the skills you need to learn to become a full-stack developer.

🚀 Learn the Fundamentals - HTML, CSS, and JavaScript

As we saw earlier, HTML, CSS, and JavaScript are three of the fundamental skills to become a front-end developer. Thus, you must make yourself familiar and comfortable with these three skills. This is the very first step in our front-end road map.

🔸 Resource to learn HTML and CSS: https://youtu.be/6mbwJ2xhgzM (Tutorial 1 - 45)

⚠️ Before diving into JavaScript make sure your basics of HTML And CSS are good. Practice by creating personal projects using HTML And CSS.

🔸 Resource to learn JavaScript: https://youtube.com/playlist?list=PLu0W_9lII9ahR1blWXxgSlL4y9iQBnLpR

🚀 Learn any of the CSS Frameworks

Once you are comfortable with the basics - HTML, CSS, and JavaScript, it is time to move on to the next step in the roadmap for the front end, which is learning any of the CSS Frameworks. These frameworks would speed up the development process for you. CSS Frameworks like Bootstrap, Materialize, Tailwind (Preferred), Semantic UI, Bulma, etc. make it easier to develop a consistent website.

⚠️ Before diving into the CSS framework, create at least 3 - 4 personal projects In HTML CSS JS without following any tutorial on youtube or somewhere else. It will make your fundamentals strong.

🔸 Resource to learn Tailwind CSS: https://youtu.be/OYdkBxbJFks

🚀 Learn any of the CSS Preprocessors

CSS files can quickly become huge and difficult to maintain. Moreover, CSS doesn’t support some powerful programming features like variables and functions. Thus, we make use of CSS preprocessors that are scripting languages, extending the default capabilities of CSS. SASS/SCSS (Preferred), Stylus, and Less are a few popular preprocessors.

🔸 Resource to learn SCSS: https://youtu.be/tEQOdFgUXI4

🚀 Learn any JavaScript Framework

JavaScript framework is pre-written code to support features and benefits beyond plain or vanilla JavaScript. As these frameworks are built on top of JavaScript, it is possible to achieve all the features of a framework with normal JavaScript as well. However, these frameworks offer enhanced functionality without writing the code from scratch. This is the reason why Front End Developers usually prefer using a framework over plain JavaScript. Angular, React (Preferred), Vue.js, and Meteor are some of the popular JavaScript frameworks for front-end development. Express JS is the popular JavaScript framework for backend development. You can also find specialized roles in React, Angular, Vue, And Express JS

🔸 Resource to learn React And Express JS: https://youtu.be/-mJFZp84TIY

🚀 Learn State Management Libraries

Along with any JavaScript Framework, it is recommended to learn State Management Libraries like Redux (Preferred), VueX, NgRX, XState, etc. depending on which framework you choose to learn.

All the interactive web applications work by responding to “events”. When a certain event occurs, the “state” of your application, i.e. the data stored in variables, gets updated. The variables that determine the state of your interactive web application need to be stored somewhere. This is where State Management comes into the picture. It deals with storing and updating the state of the application.

⚠️ Before diving into state management libraries make sure your react concepts (Context API, API Calls, useState And useEffect Hooks) are good. Make at least 2 - 3 Projects (some ideas - Netflix clone, todo app, weather app) without following any tutorial on youtube or somewhere else.

🔸 Resource to learn Redux Toolkit: https://youtu.be/bbkBuqC1rU4 (Learn redux toolkit as it will save much of your time that official redux setup takes. It is also recommended by developers of redux to use the redux toolkit instead of core redux)

🚀 Learn the basics of Package Managers

While working on Full Stack Development, you will come across Package Managers. A Package Manager is a tool that allows you to install, configure, update, and manage software packages, and product dependencies and also to publish your own packages. With the use of Package Managers, the development process is faster and easier as you can reuse code libraries created by other developers that are published to a central repository. NPM and Yarn (Preferred) are two popular package managers.

🔸 You would have learned how to use npm in react js course that I mentioned above. For yarn, it works the same way as npm. There is not much difference b/w them.

🔸 You can read this for yarn: https://phoenixnap.com/kb/yarn-vs-npm#ftoc-heading-11

🚀 Learn Version Control System

A Version Control System is useful if you are working on a large project or need to collaborate with other developers. It is software that allows you to manage and track changes to the source code and also revert to a previous version of the code, instead of manually reverting the changes. Git is one of the most popular and widely used version control systems.

🔸 Resource to learn Git: https://youtu.be/evknSAkUIvs

🚀 Learn Testing

While many companies have dedicated Quality Assurance teams for extensive testing of the application, as a developer, you will be expected to perform basic testing of your application to ensure usability and functionality. Writing test cases for your code is a way to ensure that the code is working as expected. There are different levels of testing in front-end development like Unit Testing and End-to-End Testing. Several tools are available for testing like Jest (Preferred), Mocha, Jasmine, Cypress, etc.

🔸 Resource to learn Jest: https://youtu.be/T2sv8jXoP4s

🚀 Learn Tools for Website Deployment

Once you have built your website, you need to deploy this website so that anyone on the internet can visit the website and use it. To deploy a website, you will need to know the basics of hosting tools. You can use tools like Github Pages, Netlify, Vercel, etc. Cloud Providers like Amazon Web Services, Google Cloud Platform, and Microsoft Azure also provide hosting services.

🔸 Resource to learn Vercel: https://www.youtube.com/watch?v=IeFlfBR1lxw
🔸 Resource to learn Netlify: https://youtu.be/OiGf_FUJFz4
🔸 Resource to learn Github Pages: You would have learned Github Pages in react js course by Code With Harry that I mentioned above.

🚀 Learn Advanced Topic

Practice, Practice, And Practice. Explore more things on your own. Research advanced topics of react and express js for example you can learn Next JS after learning to react or you can learn React Native for mobile application development. Just Don't Stop!

4. Role of AI (Artificial Intelligence) In Web

The role of AI in web development is massive. Its prominence has created business opportunities that would not have otherwise existed. For example, ride-sharing platforms like Uber and Lyft use AI to pair drivers and riders in real time. Their machine learning algorithm can predict when there will be demand for the service, so drivers can use this information to maximize their income. Now, these companies are amongst the largest in the world. Many enterprises use artificial intelligence to gather online insights to improve their operations and surpass their competitors. With all these benefits, it is difficult to predict that AI will lose its prominence in web development. It is likely to be used more and improved over time.

Happy Coding! 😀

Follow Me On GitHub And Linkedin For More Info: https://github.com/heyitsuzair
https://linkedin.com/in/uzair-dev

Are You Bored Setting Up Node/Express Server Everytime You Start New Project? Setup Express App In Seconds

Muhammad Uzair — Tue, 14 Mar 2023 23:55:11 +0000

In This Article, We Will Learn How To Setup Express JS Boiler Plate In Some Seconds.

📌 Installation

First Of All Install The CLI Globally So You Don't Need To Install It Every Time You Start A New Project.

Install the CLI globally. If you are windows user, run your command prompt/terminal as administrator. If you are macOS user, add sudo before the following command.

npm i -g @heyitsuzair/express-setup

📌 Usage

Enter the following in your terminal where you want to initialize app:

new-express-app my-app

📌 Features That Are Currently Supported By CLI

MongoDB Support
Mongoose Support
Nodemon Server
A Dummy Predefined Routes, Controller And Model So You Can Start Working On It Right In