# Skapa webbmapp för statiskt innehåll
__
author: krm
created: 2022-03-30
status: alpha
__

# 👁️‍🗨️ Om detta avsnitt

Förklarar hur vi skapar en webbmapp som vi kan använda i webbservern 
för att visa olika webbresurser såsom html-, css- och bild-filer.

# ❓ Vad är webbmapp?

En mapp på din dator vars innehåll går att komma åt från webben.
 
# 1. Skapa en mapp  

Skapa en mapp där du vill ha dina webb resurser i. Denna mapp kallas 
vanligtviss *public*.

```sh
mkdir public
```

# 2. Gör så server accepterar statiskt innehåll

Du ska lägga till en midelware till din serverkod. Lägg denna kod 
efter express methoder som du implementerad, men innan andra midelware.

```js
app.use(express.static('public'));
```

# 3. ✔️ Lägg till en fil

I publik mappen skapa en trivial html fil.

```sh
echo "<html><body><h1>Hello Again\!</h1></body></html>" > public/test.html
``` 

# 4. ✔️ Starta om servern

Starta om server och gå in på sidan: 

- 🔗 [http://localhost:3000/test.html](http://localhost:3000/test.html)
