🛠️ Software Engineer Backend Roadmap

Roadmap ini dirancang untuk membantu calon dan profesional backend engineer memahami keterampilan inti yang dibutuhkan, dari dasar hingga tingkat lanjut.

📚 Level Keterampilan​

• 🟢 Beginner – Dasar-dasar yang wajib dikuasai
• 🔵 Intermediate – Konsep lanjutan dan praktik umum industri
• 🔴 Advanced – Arsitektur kompleks dan sistem terdistribusi

🧭 Struktur Roadmap​

1. 📐 Big O Notation​

• O(1), O(n), O(log n), O(n log n), O(n²)
  • 📘 Big O Notation Explained
  • 📘 Big O Cheat Sheet

2. 🧮 Algorithms​

• Recursion, Search (Linear, Binary), Sort (Bubble, Quick, Merge)
  • 📘 Recursion in Programming
  • 📘 Binary Search Algorithm
  • 📘 Sorting Algorithms
• Sliding Window, Two Pointer, Greedy, BFS & DFS, Dynamic Programming, Backtracking
  • 📘 Sliding Window Technique
  • 📘 Two Pointer Technique
  • 📘 Greedy Algorithms
  • 📘 BFS and DFS
  • 📘 Dynamic Programming
  • 📘 Backtracking

3. 🗃️ Data Structures​

• Array, LinkedList, Stack, Queue, Tree, Graph, Hash, Bloom Filters
  • 📘 Data Structures
  • 📘 Bloom Filters

4. 🏗️ Software Architecture​

• Paradigm (OOP, FP), Principles (SOLID, Clean Architecture), Design Patterns, Concurrency & Parallelism
  • 📘 Object-Oriented Programming
  • 📘 Functional Programming
  • 📘 SOLID Principles
  • 📘 Clean Architecture
  • 📘 Design Patterns
  • 📘 Concurrency vs Parallelism

5. 💻 Programming Languages​

• Golang, NodeJS (Concurrency, Streams, Low-level internals)
  • 📘 Learn Golang
  • 📘 Node.js Documentation

6. 🛢️ Databases​

• SQL & NoSQL, ACID & CAP, Indexing, Sharding, Replication, Isolation Levels
  • 📘 SQL vs NoSQL
  • 📘 ACID Properties
  • 📘 CAP Theorem
  • 📘 Database Indexing
  • 📘 Sharding
  • 📘 Replication
  • 📘 Isolation Levels

7. 🌐 Protocols​

• TCP/UDP, HTTP, REST, gRPC, WebSocket, GraphQL, Webhook, SFTP
  • 📘 TCP vs UDP
  • 📘 HTTP Protocol
  • 📘 REST API
  • 📘 gRPC
  • 📘 WebSocket
  • 📘 GraphQL
  • 📘 Webhook
  • 📘 SFTP

8. 🧪 Testing​

• Unit, Integration, Functional
  • 📘 Unit Testing
  • 📘 Integration Testing
  • 📘 Functional Testing

9. ⚙️ DevOps​

• Scaling, Load Balancer, CDN, DNS, Proxy, SSL/TLS, Docker, Kubernetes, CI/CD, Git Flow, Serverless
  • 📘 Scaling
  • 📘 Load Balancer
  • 📘 CDN
  • 📘 DNS
  • 📘 Proxy
  • 📘 SSL/TLS
  • 📘 Docker
  • 📘 Kubernetes
  • 📘 CI/CD
  • 📘 Git Flow
  • 📘 Serverless

10. 🔐 Security​

• Authentication, Authorization, OAuth2, CSRF, XSS, Validation, Encryption
  • 📘 Authentication vs Authorization
  • 📘 OAuth2
  • 📘 CSRF
  • 📘 XSS
  • 📘 Input Validation
  • 📘 Encryption

11. 🧵 Distributed Systems​

• Microservices, Event Streaming (Kafka, Flink), Race Conditions, Load Balancing, Throttling, Logging, Monitoring, Tracing
  • 📘 Microservices
  • 📘 Apache Kafka
  • 📘 Apache Flink
  • 📘 Race Conditions
  • 📘 Load Balancing
  • 📘 Throttling
  • 📘 Logging
  • 📘 Monitoring
  • 📘 Tracing

12. 🎁 Bonus​

• System Design (Uber, Twitter, Instagram), Behavioral Interview Prep
  • 📘 System Design
  • 📘 Behavioral Interview Questions

🌟 Recommended Open-Source Learning Resources​

Here are some of the best open-source learning resources to enhance your backend development skills:

1. Codecademy - Interactive coding lessons in a variety of programming languages.
2. FreeCodeCamp - Learn by building projects and earning certifications.
3. W3Schools - Web development tutorials, examples, and reference materials.
4. Mozilla Developer Network - Documentation and tutorials on web development technologies.
5. GeeksforGeeks - Programming concepts, examples, and interview practice.
6. The Odin Project - Free, open-source curriculum for learning web development.
7. Edabit - Interactive coding lessons and exercises in a range of programming languages.
8. Dev.to - Community of developers sharing knowledge and tutorials.
9. Codewars - Martial arts-themed coding challenges and exercises.
10. YouTube - Video tutorials and courses on various backend development topics.

🌐 Additional Resources from GitHub​

Explore these curated resources from GitHub to further enhance your backend development knowledge:

• Awesome Backend - A curated and opinionated list of resources for Backend developers.
• System Design Primer - Learn how to design large-scale systems.
• Professional Programming - A collection of full-stack resources for professional programmers.

🎓 Free Backend Development Courses with Certificates​

Enhance your skills with these free courses that also offer certificates upon completion:

• Great Learning - Free Backend Development Courses - Free courses on backend programming, technologies, and frameworks.

🛠️ System Analyst Roadmap

Roadmap ini dirancang untuk membantu calon dan profesional System Analyst memahami keterampilan inti yang dibutuhkan, dari dasar hingga tingkat lanjut.

📚 Level Keterampilan​

• 🟢 Beginner – Dasar-dasar yang wajib dikuasai
• 🔵 Intermediate – Konsep lanjutan dan praktik umum industri
• 🔴 Advanced – Arsitektur kompleks dan sistem terdistribusi

🧭 Struktur Roadmap​

1. 📘 Foundational Knowledge​

• SDLC (Software Development Life Cycle)

  • Waterfall, Agile, Scrum
  • 🔗 SDLC Overview – Atlassian

• Requirement Engineering

  • Teknik: Interview, Observation, Document Analysis, Use Case, User Story
  • 🔗 Requirement Gathering Techniques – Guru99

• Modeling & Documentation

  • UML: Use Case, Activity, Sequence
  • BPMN: Business Process Model and Notation
  • ERD: Entity Relationship Diagram
  • 🔗 UML Diagrams – Visual Paradigm

2. 🛠️ Tools & Technologies​

• Diagramming Tools: Lucidchart, Draw.io, Visio
  • 🔗 Lucidchart Tutorials
• Project Management: JIRA, Trello, Confluence
• Documentation: Notion, Google Docs

3. 💻 Technical Understanding​

• Database Concepts
  • SQL, NoSQL, ERD
  • 🔗 SQL Tutorial – W3Schools
• API Concepts
  • REST, GraphQL
  • 🔗 REST API Basics – RESTful API Tutorial
• Basic Programming (Opsional)
  • Python, JavaScript (untuk memahami alur teknis)
  • 🔗 Python for Beginners – Python.org

4. 🧠 Analytical & Business Skills​

• Root Cause Analysis (RCA)
• SWOT Analysis
• Impact Analysis
  • 🔗 Business Analysis Techniques – IIBA

5. 🔐 Security & Compliance​

• Data Privacy: GDPR, HIPAA
• Authentication & Authorization
  • 🔗 GDPR Explained – EU GDPR

6. 📊 Communication & Collaboration​

• Stakeholder Management
• Presentation & Reporting
• Technical Writing
  • 🔗 Stakeholder Analysis – MindTools

7. 🎓 Certifications & Learning​

• IIBA CBAP / ECBA – International Institute of Business Analysis
• PMI-PBA – Project Management Institute
  • 🔗 IIBA Certification Guide

Installation​

1. Go to https://go.dev/dl/.
2. From the stable versions, download the archive for your OS. Let's say go1.23.5.linux-amd64.tar.gz for Linux.
3. Make an sdk folder in your home directory, ~/sdk. /home/your-username/sdk for the full path.
4. Extract the downloaded Go archive file to its version. Here is the full path, /home/your-username/sdk/go1.23.5/<extracted Go files>.
5. Create a symbolic link to /usr/local/go .
   
   • For Linux or macOS
     you can customize this command to your needs, sudo ln -s /home/your-username/sdk/go1.23.5 /usr/local/go.
   • For Windows
     you can append ~/sdk/go1.23.5 to the PATH in System Variables.
6. Open your terminal and verify it, go version.

Change GoLang Version​

You can install it by the CLI instead of downloading the archived file in the web browser because your OS already has GoLang. Let's say you want to use the legacy version of GoLang, Go 1.18.10.

1. go install golang.org/dl/go1.23.5@latest
2. go1.23.5 download
3. Remove the current symbolic link,
   
   • For linux/mac
     sudo rm -f /usr/local/go .
     
   Create the new one, sudo ln -s /home/your-username/sdk/go1.23.5 /usr/local/go
   • For Windows,
     you can change the GOROOT and PATH in System Variables.

System Variables​

It is better to put GOPATH and GOROOT into System Variables and append them into the PATH.

export GOPATH="$HOME/go"
export GOROOT="/usr/local/go"
export PATH="$GOPATH/bin:$PATH"
export PATH="$GOROOT/bin:$PATH"

Linux​

1. You can create a file of .bash_profile in your home directory if the file does not exist
2. Copy and paste the commands above to the file. Save and close.
3. Put source ~/.bash_profile at the end of the ~/.bashrc file.

macOS​

1. You can create a file of .zprofile in your home directory if the file does not exist
2. Copy and paste the commands above to the file. Save and close.

Windows​

You can put them on System Variables.

Managing multiple Python environments can be a daunting task, especially when working on projects that require different Python versions or dependencies. Fortunately, pyenv is a powerful tool that simplifies this process. In this blog, we'll explore how to set up multiple Python environments using pyenv.

What is pyenv?​

pyenv is a Python version management tool that allows you to easily switch between multiple Python versions on your system. It helps avoid version conflicts by letting you set different Python versions globally, per user, or per project.

Why Use pyenv?​

• Manage multiple Python versions: Easily install and switch between different Python versions.

• Project isolation: Set specific Python versions for individual projects.

• No system interference: pyenv does not require sudo permissions, so your system's Python remains untouched.

• Easy integration: Works well with tools like pipenv, virtualenv, and poetry.

Installing pyenv​

Follow these steps to install pyenv on your system:

Shortcut pyenv

Instalasi dan Pengelolaan Versi Python​

Pengaturan Versi Python​

Virtual Environment (Menggunakan pyenv-virtualenv)​

Informasi dan Debugging​

Lainnya​

Memahami Perbedaan dan Potensi Masa Depan​

Dalam era digital yang berkembang pesat, istilah AI (Artificial Intelligence) dan AGI (Artificial General Intelligence) sering muncul dalam diskusi teknologi. Namun, apa sebenarnya perbedaan antara keduanya? Mari kita telusuri secara mendalam.

Apa itu AI (Artificial Intelligence)? Artificial Intelligence, atau yang sering kita kenal sebagai AI, adalah teknologi yang memungkinkan mesin untuk "berpikir" dan melakukan tugas-tugas tertentu yang biasanya membutuhkan kecerdasan manusia. Namun, penting untuk dipahami bahwa AI saat ini masih terbatas pada tugas-tugas spesifik.

Karakteristik Utama AI​

• Fokus pada tugas spesifik
• Membutuhkan data pelatihan yang besar
• Sangat efisien dalam bidang khusus
• Tidak memiliki kesadaran diri
• Terbatas pada pemrograman awalnya

Contoh Penerapan AI dalam Kehidupan Sehari-hari​

• Asisten virtual (Siri, Alexa, Nest mini)
• Rekomendasi konten di platform streaming
• Filter spam di email
• Sistem navigasi GPS
• Pengenalan wajah di smartphone

Memahami AGI (Artificial General Intelligence)​

AGI merepresentasikan tingkat kecerdasan buatan yang lebih tinggi – sebuah sistem yang mampu memahami, belajar, dan menerapkan pengetahuan secara umum, mirip dengan kecerdasan manusia.

Karakteristik AGI​

• Kemampuan berpikir seperti manusia
• Dapat menyelesaikan berbagai masalah kompleks
• Memiliki pemahaman kontekstual
• Mampu belajar dan beradaptasi secara mandiri
• Potensial memiliki kesadaran diri

Potensi Kemampuan AGI​

• Pemecahan masalah kreatif
• Pembelajaran mandiri berkelanjutan
• Pemahaman bahasa natural yang mendalam
• Penalaran abstrak
• Adaptasi terhadap situasi baru

Perbedaan Kunci AI vs AGI​

Masa Depan AI dan AGI​

• Kemajuan dalam deep learning
• Peningkatan kapasitas komputasi
• Pengembangan algoritma baru
• Integrasi dengan teknologi quantum

Implikasi untuk Masa Depan​

Dampak Positif​

• Peningkatan efisiensi dalam berbagai sektor
• Solusi untuk masalah kompleks global
• Kemajuan dalam penelitian dan pengembangan
• Peningkatan kualitas hidup manusia

Potensi Risiko​

• Perubahan drastis dalam lapangan kerja
• Ketergantungan teknologi
• Masalah etika dan keamanan
• Kesenjangan teknologi

Conclusions​

Sementara AI telah mengubah cara kita hidup dan bekerja hari ini, AGI masih merupakan frontier teknologi yang sedang dalam pengembangan. Pemahaman tentang perbedaan keduanya penting untuk menyadari potensi dan batasan masing-masing teknologi.

Meskipun AGI mungkin masih beberapa tahun atau dekade dari sekarang, perkembangan AI terus memberikan dampak signifikan dalam kehidupan kita. Yang penting adalah bagaimana kita dapat memanfaatkan teknologi ini secara bijak sambil mempersiapkan diri untuk potensi munculnya AGI di masa depan.

VirtualBox is a general-purpose full virtualizer for x86 hardware, targeted at server, desktop and embedded use.

How to we are install virtualbox on ubuntu 20

First
you can choose the appropriate package for your Linux distribution & download virtualbox for linux on this link https://www.virtualbox.org/wiki/Linux_Downloads

Second
if the virtualbox has been downloaded, you can open the terminal from the folder where your virtualbox is stored.

   sudo dpkg -i virtualbox-7.0_7.0.10-158379~Ubuntu~focal_amd64.deb

if you have finished installing, you can open it now

and virtualbox opens Thank you for reading this article. 👏

Jika Anda baru saja mengambil langkah pertama dalam meniti karier, atau baru saja pindah ke peran yang berbeda dalam organisasi Anda, Anda mungkin merasa pekerjaan baru Anda sangat menarik. Namun, tanggung jawab baru Anda mungkin juga disertai dengan tekanan, tenggat waktu, dan proyek baru.

Untuk berkembang dalam peran Anda, Anda harus melakukan lebih dari sekadar menjadi ahli dalam pekerjaan Anda, Anda harus mengelola diri Anda sendiri dengan semua disiplin dan energi yang dapat Anda bawa ke posisi baru Anda.

Dalam artikel ini, kami akan membahas apa yang dimaksud dengan "mengelola diri sendiri", dan kami akan membahas cara-cara yang dapat Anda lakukan untuk meningkatkan prospek karier Anda dengan menerapkan sikap positif, menetapkan tujuan, dan mengelola waktu secara efektif.

Apa yang Dimaksud dengan "Mengelola Diri Sendiri?"
Pada tahun 1999, Peter F. Drucker, seorang ahli manajemen dan pendidik Amerika, mengamati dalam artikelnya, "Managing Oneself," bahwa hanya sedikit orang yang merupakan pemimpin yang terlahir secara alamiah - keterampilan kepemimpinan dikembangkan seiring berjalannya waktu. Dia mengatakan bahwa orang tidak dapat mengharapkan organisasi untuk mengelola karier mereka untuk mereka, jadi, jika Anda ingin sukses dan maju di tempat kerja, Anda harus bertanggung jawab atas kinerja Anda dan menjadi "chief executive officer" bagi diri Anda sendiri.

Drucker menulis, "Hanya jika Anda beroperasi dengan kekuatan, Anda dapat mencapai keunggulan sejati." Dan untuk mencapai keunggulan dan menjadi anggota tim terbaik, katanya, Anda harus mengembangkan pemahaman menyeluruh tentang siapa diri Anda. Anda harus mengidentifikasi kekuatan dan nilai-nilai Anda, memahami kelemahan Anda, dan menemukan di mana Anda dapat memberikan kontribusi terbesar bagi organisasi Anda.

Mari kita lihat beberapa cara yang dapat Anda lakukan untuk mewujudkan kata-kata Drucker, dengan mengembangkan kesadaran diri yang Anda perlukan untuk mengelola diri Anda secara efektif.

Mengadopsi Sikap yang Tepat
Kinerja Anda akan melejit jika Anda melakukan pendekatan terhadap peran Anda dengan optimisme, antusiasme, dan rasa hormat terhadap orang lain. Berikut ini beberapa cara untuk mengembangkan pola pikir yang benar:

1. Gunakan Pemikiran Positif. Ketika Anda berpikir positif, Anda dapat tetap termotivasi dan fokus untuk mencapai tujuan Anda, alih-alih mengkhawatirkan kegagalan. Sikap optimis akan membantu Anda saat menghadapi masalah atau kemunduran. Carilah sesuatu yang baik dalam setiap situasi sulit - sesuatu yang dapat Anda bawa untuk menghadapi tantangan berikutnya.

2. Mengembangkan Kecerdasan Emosional. Jika Anda memahami orang-orang di sekitar Anda, Anda dapat menggunakan kekuatan mereka untuk menciptakan hubungan kerja yang lebih baik. Pemimpin yang baik sering kali memiliki keterampilan bersosialisasi yang kuat (juga dikenal sebagai Kecerdasan Emosional), yang berarti bahwa mereka mampu memahami perasaan dan emosi mereka sendiri dan orang lain. Salah satu komponen terpenting dari kecerdasan emosional adalah empati. Jika Anda berempati, Anda dapat mengenali dan memenuhi kebutuhan dan keinginan orang-orang di sekitar Anda.

3. Dengarkan dan Pelajari. Jika Anda baru dalam peran Anda, tidak ada yang mengharapkan Anda mengetahui segalanya, sejak awal. Jangan takut untuk bertanya atau mencari klarifikasi jika ada hal yang belum Anda pahami. Dan jangan lupa untuk menunjukkan sedikit Kerendahan Hati. Anda harus mau mendengarkan, dan belajar dari, atasan Anda, kolega Anda, dan anggota tim Anda.

Berusahalah secara sadar untuk fokus pada apa yang dikatakan orang-orang di sekitar Anda. Berlatihlah Mendengarkan Secara Aktif untuk menunjukkan kepada mereka bahwa Anda menghargai pemikiran mereka, dan untuk menghindari gangguan.

4. Bersikaplah Proaktif. Daripada menunggu sesuatu terjadi, carilah cara untuk mewujudkannya. Misalnya, jika Anda melihat cara untuk meningkatkan suatu proses, jangan ragu untuk berbagi ide dengan manajer Anda. Namun, jangan berkecil hati jika saran Anda tidak selalu diterima. Seperti yang kami sebutkan di atas, praktikkan kerendahan hati, dan dengarkan alasan manajer Anda untuk tidak bertindak berdasarkan ide Anda. Perlakukan situasi ini sebagai peluang untuk belajar dan berkembang.

Anda juga dapat mencari cara untuk memperluas peran Anda di luar deskripsi pekerjaan Anda. Jika Anda melihat peluang untuk menyumbangkan ide, atau untuk berpartisipasi dalam kelompok yang dapat memajukan karier Anda, manfaatkanlah. Atau, jika rekan kerja Anda membutuhkan bantuan dalam suatu proyek, tawarkan bantuan sebelum diminta.

Tetapkan Tujuan yang Tepat Untuk sukses di tempat kerja, penting untuk mengidentifikasi kekuatan dan kelemahan Anda, menetapkan tujuan yang terukur, dan memilih tujuan karir yang menginspirasi.

Mainkan Kekuatan Anda. Kebanyakan orang membutuhkan bantuan untuk mengenali kekuatan mereka, dan ada beberapa cara untuk mengetahui kekuatan mereka. Anda dapat meminta masukan dari manajer, kolega, teman, dan keluarga Anda. Atau Anda dapat melakukan tes mandiri, seperti yang dijelaskan secara rinci dalam artikel StrengthsFinder kami. Setelah Anda mengetahui kekuatan Anda, Anda harus menemukan peran yang dapat memanfaatkannya sebaik mungkin. Anda juga dapat meningkatkan kinerja Anda di area yang lebih lemah dengan, misalnya, mengikuti kursus pelatihan, menghadiri seminar, dan menemukan cara untuk mengembangkan kemampuan Anda dengan keluar dari zona nyaman Anda. Semakin banyak Anda berinvestasi pada diri sendiri, peran Anda akan semakin memuaskan. Tetapkan Tujuan SMART. Jika Anda masih baru dalam peran Anda dan mencoba untuk memahami tanggung jawab baru, pertimbangkan untuk membaginya menjadi sasaran SMART yang lebih kecil, lebih mudah dikelola, dan lebih tepat. SMART adalah singkatan dari Spesifik, Terukur, Dapat Dicapai, Relevan, dan Terikat Waktu. Saat Anda menyelesaikan masing-masing, itu akan meningkatkan kepercayaan diri Anda dan mendorong Anda untuk terus melangkah menuju tujuan berikutnya. Siapkan Pernyataan Karir Pribadi. Apakah Anda memiliki tujuan karier? Jika ya, apakah Anda mempunyai rencana bagaimana Anda akan mencapainya? Jika belum, saatnya membuatnya! Pernyataan Misi Pribadi menentukan tujuan menyeluruh Anda. Di sini, Anda akan menetapkan tujuan utama yang akan membuat Anda tetap pada jalurnya dan memungkinkan Anda mengukur kemajuan Anda dalam mencapainya. Ambil Tanggung Jawab untuk Diri Sendiri Mengingat beban kerja dan jadwal sibuk saat ini, sepertinya tidak ada waktu yang cukup dalam sehari untuk mencapai semua tujuan Anda. Namun dengan menjadi terorganisir, memiliki motivasi diri, dan disiplin, Anda dapat menemukan waktu untuk mencapai target Anda sendiri, serta target yang ditetapkan manajer Anda.

Atur Hari Kerja Anda. Beberapa dari kita lebih suka menyelesaikan tugas tersulit di pagi hari, saat kita paling segar. Yang lain membutuhkan beberapa jam untuk "memasuki alur mereka" dan menjadi paling produktif di kemudian hari. Cari tahu kapan Anda paling fokus dan produktif, dan susun jadwal Anda berdasarkan waktu tersebut. Artikel kami, Apakah Ini Tugas "Pagi"?, menunjukkan cara melakukannya. Motivasi Diri Sendiri. Orang yang memiliki motivasi diri adalah orang yang percaya diri dan berorientasi pada tujuan, serta menciptakan lingkungan yang positif. Semakin Anda termotivasi, semakin cepat Anda mencapai tujuan Anda, dan semakin baik Anda dalam pekerjaan Anda. Teknik motivasi diri yang sederhana mencakup melakukan tugas-tugas yang kurang menyenangkan tanpa menunda-nunda, dan memberi diri Anda imbalan ketika Anda menyelesaikan tugas, seperti suguhan waktu makan untuk tugas kecil, atau hari spa untuk tugas besar. Latihan Disiplin Diri. Orang yang memiliki Disiplin Diri akan terus berjuang mencapai tujuan mereka, terlepas dari apa yang mereka rasakan, dan meskipun ada gangguan atau tantangan. Jika mereka menemui hambatan, mereka mencari cara untuk mengatasinya. Jika mereka mempunyai kebiasaan buruk, mereka menggantinya dengan kebiasaan baik. Misalnya, jika Anda selalu memeriksa email, biasakan menjadwalkan waktu tertentu untuk membaca dan membalasnya.

Without the hassle of creating a github page with reactjs

First,
let’s prepare a repo containing github.io example: https://coozyme.github.io

Second,
let’s create a repo to store the projects we create later example: me -> https://github.com/coozyme/me.git

Third,
we create a folder for ci/cd in the second repo we created example: .github/workflows/gh-pages.yml

then we fill in the gh-pages.yml file

name: GitHub Pages

on:
  push:
    branches:
      - main

jobs:
  build:
    name: Build
    runs-on: ubuntu-latest
    steps:
      - name: Checkout-Code
        uses: actions/checkout@v2

      - name: Install-Node.js
        uses: actions/setup-node@v2
        with:
          node-version: v13.x

      - name: Install NPM packages
        run: npm ci

      - name: Build Project
        run: npm run build

      - name: Run tests
        run: npm run test

      - name: Upload production-ready build files
        uses: actions/upload-artifact@v2
        with:
          name: production-files
          path: ./build

  deploy:
    name: Deploy
    needs: build
    runs-on: ubuntu-latest
    if: github.ref == 'refs/heads/main'

    steps:
      - name: Download artifact
        uses: actions/download-artifact@v2
        with:
          name: production-files
          path: ./build

      - name: Deploy to gh-pages
        uses: peaceiris/actions-gh-pages@v3
        with:
          github_token: ${{secrets.TOKEN_GITHUB}}
          publish_dir: ./build 

Fourth,
setting the secret token

for an example website in the link https://coozyme.github.io/me/

Thank you for reading this article. 👏

Relates Article
Medium - creating-github-pages-with-reactjs