I bought a course from BWA and learn how to build microservice web.
This is the frontend web, build with NextJS, and deployed with Vercel
🏫 Link to Course
Microservice is one of the architectures on Website Development that is used by many Developers and IT companies in developing a Website. The goal is for the Website to be more stable and easy to fix in each of its services if there is a bug in the service. The project built is a website for online learning (digital class) for anyone who wants to upgrade skills in the world of IT or also self-improvement. Starting from slicing the website design from Figma using the React JavaScript Framework and also assisted with Tailwind CSS. After that we will try using the API (per service) that we have created using Laravel and Express JS.
- Implementing Microservices Architecture in Applications
- Learn to Build APIs with Nodejs & Laravel
- Learn to Deploy Applications
- Learn to Use JSON WEB TOKEN
- Learn to Use Nextjs for Server Side Rendering (SSR)
- Learn to Use TailwindCss
- Learn to Use Reactjs Libraries
- Learn to make reusable component react from scratch
- Visual Studio Code
- Laravel
- React JS
- Node JS
- Postman API
- GitHub
- Figma
- Express JS
- Tailwind CSS
-
Clone the repo to your local machine.
-
Install the required dependency for server using :
npm install
-
Create a .env file inside the root folder and provide the following environment variables or you can look in the .env.example file:
PORT = <client port> NEXT_PUBLIC_BASE_URL = <this app url> NEXT_PUBLIC_MEMBERPAGE_URL = <memberpage url> NEXT_PUBLIC_API_HOST = <api gateway url> -
Start the dev server using :
npm run dev
-
Build project using :
npm run build
| User Service | Media Service | Course Service | Payment Service | Api Gateway |
|---|---|---|---|---|
 |
 |
 |
 |
 |
| Frontpage | Memberpage |
|---|---|
 |
 |
 |
|