Preview otomatis dari AI Studio.
buat landing page test
Oke, siap. Berikut rencana coding untuk landing page test5.
**Rencana Coding:**
1. **Struktur Proyek:** Buat folder utama untuk proyek.
2. **Landing Page (HTML/CSS):** Buat file `index.html` sebagai landing page utama.
---
**1. Struktur Proyek**
Buat folder proyek di lokasi target.
```bash
mkdir -p /opt/ai-gateway/projects/test5
cd /opt/ai-gateway/projects/test5
```
---
**2. Landing Page (HTML/CSS)**
Buat file `index.html` di dalam folder `/opt/ai-gateway/projects/test5`.
**File: `/opt/ai-gateway/projects/test5/index.html`**
```html
Test5 - Landing Page
Test5 Project
Selamat Datang di Landing Page Test5
Ini adalah halaman uji coba untuk proyek Anda. Sederhana, responsif, dan siap digunakan.
Pelajari Lebih Lanjut
Fitur Utama
Cepat & Efisien
Dibuat dengan kode yang minimalis untuk performa terbaik.
Responsif
Tampilan yang optimal di berbagai perangkat, dari desktop hingga mobile.
Mudah Dikustomisasi
Struktur yang jelas membuat pengembangan lebih lanjut sangat mudah.
```
---
**Cara Melihat Hasil:**
Setelah file `index.html` dibuat, Anda bisa membukanya langsung di browser atau mengaturnya dengan web server (misalnya Nginx atau Apache) yang mengarah ke folder `/opt/ai-gateway/projects/test5`.
Contoh dengan Nginx (jika sudah terinstall):
1. Buat file konfigurasi Nginx baru:
```bash
sudo nano /etc/nginx/sites-available/test5.conf
```
2. Isi dengan konfigurasi berikut (ganti `your_domain.com` atau `your_server_ip` jika diperlukan):
```nginx
server {
listen 80;
listen [::]:80;
server_name your_domain.com; # Ganti dengan domain atau IP server Anda
root /opt/ai-gateway/projects/test5;
index index.html index.htm;
location / {
try_files $uri $uri/ =404;
}
}
```
3. Aktifkan konfigurasi dan restart Nginx:
```bash
sudo ln -s /etc/nginx/sites-available/test5.conf /etc/nginx/sites-enabled/
sudo nginx -t
sudo systemctl restart nginx
```
Kemudian akses `http://your_domain.com` atau `http://your_server_ip` di browser.