Flask Academy · Pelajaran

Konvensi Folder static

Pelajari lokasi Flask mencari aset secara bawaan.

Konvensi Folder static adalah pelajaran Flask Academy gratis di CoddyKit. Ini adalah pelajaran 1 dari 4. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar Flask Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus Flask Academy mencakup 4 pelajaran total.

Bagian dari pelajaran ini belum diterjemahkan dan ditampilkan dalam bahasa Inggris.

Assets Need a Home

Your app needs CSS, JavaScript, and images. Flask gives them one default home: a folder named static next to your app. 📁

Where Flask Looks

By convention, Flask serves anything inside the static folder automatically, so you never write a route to hand out a stylesheet yourself.

The Folder Layout

Place static right beside your app.py file. Flask finds it relative to your application package without any extra setup.

myapp/
  app.py
  static/
    style.css
  templates/

The Public URL Prefix

Files in that folder are reachable under the /static URL prefix. A file named style.css becomes available at /static/style.css in the browser.

Organize with Subfolders

You can nest folders inside static to stay tidy. The path on disk simply maps to the path in the URL, one to one.

static/
  css/style.css
  js/app.js
  img/logo.png

URL Mirrors the Path

So static/css/style.css is served at /static/css/style.css. The browser path mirrors your folder structure exactly. 🔗

It Is Just a Default

The name static is a default, not a law. Flask uses it unless you tell it otherwise, which keeps every project predictable.

Rename the Folder if Needed

Pass static_folder when you create the app to point Flask at a differently named directory on disk.

from flask import Flask
app = Flask(__name__, static_folder="assets")

Change the URL Prefix Too

You can also change the public prefix with static_url_path, so assets appear under /files instead of /static.

app = Flask(__name__, static_url_path="/files")

Static Means Unchanging

These files are static because Flask sends them as-is, with no Python running. That is exactly why serving them is so fast.

Templates Are Different

Do not put HTML you render into static. Dynamic pages belong in templates, while static holds only finished, ready-to-send assets.

Quick Check

You drop logo.png into the static folder. Where can the browser reach it?

Recap: The static Folder

You learned the static convention: drop assets in that folder and Flask serves them under /static, fast and free. Next, link them cleanly. ✨

Pertanyaan yang Sering Diajukan

Apakah pelajaran “Konvensi Folder static” gratis?

Ya — teks lengkap “Konvensi Folder static” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus Flask Academy, upgrade ke CoddyKit PRO. Kursus Flask Academy mencakup 4 pelajaran total.

Apa yang akan aku pelajari di “Konvensi Folder static”?

Pelajari lokasi Flask mencari aset secara bawaan. Kamu berlatih Flask Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.

Apakah aku perlu pengalaman untuk memulai Flask Academy?

Tidak diperlukan pengalaman sebelumnya. Flask Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 1 dari 4.

Berapa lama pelajaran “Konvensi Folder static” memakan waktu?

Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.

Bisakah aku menulis dan menjalankan kode dalam pelajaran Flask Academy ini?

Ya. Setiap pelajaran Flask Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.

Semua pelajaran dalam kursus ini

← Kembali ke Flask Academy