Simple Contact Form Full-Stack: API, Web, CMS, and Docker Multi-Container Architecture

Pelajari cara membangun aplikasi full-stack yang lengkap dengan mengintegrasikan API, antarmuka web, CMS, dan database menggunakan arsitektur multi-container Docker Compose. Dalam kursus ini, Anda akan diajarkan langkah demi langkah, mulai dari merancang RESTful API, membangun antarmuka pengguna interaktif dengan React Nextjs, hingga mengelola data melalui CMS berbasis Laravel dan MariaDB. Cocok untuk pengembang yang ingin menguasai ekosistem modern dengan praktik terbaik dalam pengembangan aplikasi.

Persona Kelas

• Software Engineers yang ingin meningkatkan keterampilan di ekosistem full-stack.

• Web Developers yang tertarik mempelajari manajemen proyek multi-container Docker.

• Tech Enthusiasts yang ingin membangun project praktis dengan pendekatan modern.

• Pemula dalam Full-Stack Development yang ingin memahami alur pengembangan aplikasi dari backend hingga frontend.

• Pengembang CMS yang tertarik mengintegrasikan backend dan database secara seamless.

Keypoint Kelas

• Membangun RESTful API menggunakan Golang dengan standar terbaik.

• Merancang UI Responsif dengan React untuk formulir kontak.

• CMS Terintegrasi menggunakan Laravel untuk pengelolaan data.

• Penyimpanan Data yang Aman menggunakan MariaDB.

• Deploy dengan Docker Compose: Membuat multi-container untuk efisiensi dan skalabilitas.

• Best Practices dalam pengembangan arsitektur full-stack modern.

• Error Handling dan Debugging di semua lapisan aplikasi.

• Optimasi Workflow dengan Nginx sebagai reverse proxy.

Tools Belajar

• Golang untuk REST API.

• React Nextjs untuk frontend web interface.

• Laravel untuk CMS.

• MariaDB sebagai database.

• Docker untuk manajemen multi-container.

• Nginx sebagai reverse proxy.

• Postman untuk testing API.

• Visual Studio Code (VSCode) sebagai text editor utama.

• Git untuk versi kontrol dan kolaborasi kode.

Materi Kelas

Section 1: Simple Contact Form API (Golang, Gin Framework, GORM, MariaDB & Docker)

1. Overview

2. Setting Up the Project

3. Directory Structure

4. Configurations

5. Environment Variables

6. API Handlers

7. Data Models

8. Repositories

9. Services

10. Requests and Responses

11. Helper Functions

12. Main Go Setup

13. Build and Run the App

14. Testing with Postman

15. Dockerizing the App

16. Testing in Docker

17. Closing

Section 2: Simple Contact Form Web (Next.js (React), Integrating AP & Docker)

1. Overview

2. Pages

3. API Routes & ENV

4. Code Explanation

5. Run & Test App

6. Dockerizing App

7. Testing in Docker & Closing

Section 3: Simple Contact Form CMS (Laravel, Integrating API & Docker)

1. Overview

2. Session, Controllers & Services

3. Config & Routes

4. Views

5. Run & Test App

6. Dockerizing App

7. Testing in Docker & Closing

Section 4: Simple Contact Form Assemble

1. Overview

2. Assembling All Apps

3. Testing & Closing