# Struktur Folder

<figure><img src="https://1306500375-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FkZ9coTLwpOfJ9B2QbRI6%2Fuploads%2FQ44QtbavUKpxN1XBqr93%2FCode_2023-05-12_20-21-57.png?alt=media&#x26;token=d4736f68-62f1-4ef6-ab78-4db828149602" alt=""><figcaption></figcaption></figure>

Setiap aplikasi memiliki struktur folder yang berbeda, termasuk struktur folder aplikasi *frontend* dan *backend*. Didalam aplikasi *frontend* ini terdapat beberapa folder diantaranya:

* build: folder ini berisi source code react yang sudah di build.
* node\_modules: berisi file dan folder dari dependencies atau komponen yang sudah di install sebelumnya menggunakan yarn
* public: berisi source code dasar untuk aplikasi website SPA (*Single Page Application)*&#x20;
* src: merupakan folder utama dari aplikasi, didalam folder src ini kita dapat melakukan kostumisasi terhadap aplikasi
* static: berisi file gambar yang sudah di build sebelumnya

<figure><img src="https://1306500375-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FkZ9coTLwpOfJ9B2QbRI6%2Fuploads%2FrE0r3ICkvtceYk0ezjiV%2FCode_2023-05-12_20-30-52.png?alt=media&#x26;token=c08fec67-d402-43be-a3d6-1c6d1258aeb2" alt=""><figcaption></figcaption></figure>

Didalam folder `src` ada dua folder lagi yaitu folder `admin` dan `landing` yang dimana berisikan file `assets` pendukung untuk membangun sebuah tampilan di dalam aplikasi frontend ini.