Membangun Showcase Klien: Dari Desain PCB Custom hingga CI/CD Pipeline

#Web Dev#React#Tailwind CSS#CI/CD#Netlify

Proyek PCB Custom Malang berawal dari kebutuhan nyata industri fabrikasi hardware lokal di Malang untuk memiliki representasi digital profesional yang jelas dan terpercaya.

Fokus utama pada website ini adalah kejelasan informasi: katalog layanan cetak single/double layer PCB, estimasi ketebalan tembaga (1oz/2oz), serta jalur pemesanan yang ringkas.

Dengan arsitektur komponen React yang modular dan utility-first styling dari Tailwind CSS, website dapat memuat halaman secara instan (Lighthouse score 98+) dan diperbarui dengan mudah melalui pipeline CI/CD otomatis setiap kali ada update katalog.

KODE TEKNIS (YAML)

PRODUKSI READY

# GitHub Actions Deployment Pipeline
name: Deploy Production
on:
  push:
    branches: [main]
jobs:
  build-and-deploy:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v4
      - uses: actions/setup-node@v4
        with: { node-version: 20 }
      - run: npm ci && npm run build
      - uses: nwtgck/actions-netlify@v3
        with:
          publish-dir: './dist'
          production-branch: main

CATATAN TEKNIS:Website dirancang agar calon klien manufaktur elektronika dapat melihat spesifikasi layer, material FR4, dan estimasi waktu fabrikasi secara instan.

🚀

Rizky Mardhani

Computer Engineering · FILKOM Universitas Brawijaya

Proyek Lainnya →

Kembali ke Daftar Devlog

Beranda Utama Kirim Transmisi