{
    "path": "/home/krm/dev/mimer-academia/server/web/deno/Tutorial/create-a-webbserver-with-hono.sv.json",
    "s": "Ignor",
    "invert": true,
    "level": 1,
    "title": [
        "Skapa webbserver med hono"
    ],
    "status": "alpha",
    "author": [
        "krm"
    ],
    "created": {
        "year": 2026,
        "month": 1,
        "day": 26
    },
    "description": [],
    "statments": [],
    "comment": [],
    "cards": [
        {
            "level": 1,
            "title": [
                "# 👁️‍🗨️ Om detta avsnitt"
            ],
            "description": [
                "Förklarar hur vi skapar ett enkelt webbserver som bara är i en fil. Detta för att kunna använda dem som demo."
            ],
            "statments": [],
            "comment": []
        },
        {
            "level": 1,
            "title": [
                "📚 Teknologier som används"
            ],
            "description": [
                "Du behöver ha dessa program varor:"
            ],
            "statments": [
                {
                    "description": [
                        "🦉 ",
                        [
                            {
                                "link": "./installing-deno.sv.html"
                            },
                            "deno"
                        ]
                    ]
                },
                {
                    "description": [
                        "Något editor så som:"
                    ]
                },
                {
                    "description": [
                        "🦉 ",
                        [
                            {
                                "link": "./using-code-with-deno.sv.html"
                            },
                            "code"
                        ]
                    ]
                }
            ],
            "comment": []
        },
        {
            "level": 1,
            "title": [
                "🗄 Bakgrund"
            ],
            "description": [
                "Du behöver ha ett deno projekt."
            ],
            "statments": [
                {
                    "description": [
                        "🦉 ",
                        [
                            {
                                "link": "./Tutorial/create-a-demo-of-deno.sv.html"
                            },
                            "Skapa en demo program med deno"
                        ],
                        " eller"
                    ]
                },
                {
                    "description": [
                        "🦉 ",
                        [
                            {
                                "link": "./"
                            },
                            "Skapa en ett deno projekt"
                        ]
                    ]
                }
            ],
            "comment": []
        },
        {
            "0": "t",
            "1": "a",
            "2": "g",
            "3": "s",
            "level": 1,
            "title": [
                "Namn som används"
            ],
            "description": [],
            "statments": [
                {
                    "0": "t",
                    "1": "a",
                    "2": "g",
                    "3": "s",
                    "description": [
                        "main Namnet på din huvud fil"
                    ]
                },
                {
                    "0": "t",
                    "1": "a",
                    "2": "g",
                    "3": "s",
                    "description": [
                        "editor Namnet på en editor för att editera små filer."
                    ]
                }
            ],
            "comment": []
        },
        {
            "level": 1,
            "type": "faq",
            "title": [
                "Vad är hono?"
            ],
            "description": [
                "Vi skapa projekt för att kunna utveckla något. I detta fall är det en webbserver."
            ],
            "statments": [],
            "comment": []
        },
        {
            "level": 1,
            "index": 1,
            "title": [
                "Importera en webbserver ramverket hono"
            ],
            "description": [
                "Vi ska nu importera \"Hono\" server genom aatt skriva detta högst upp i main filen."
            ],
            "lang": "sh",
            "code": "import { Hono } from \"jsr:@hono/hono\";",
            "statments": [],
            "comment": []
        },
        {
            "level": 1,
            "index": 2,
            "title": [
                "Låt filen köra en server"
            ],
            "description": [
                "Ändra första raden i huvudprogrammet så det blir som nedan."
            ],
            "lang": "js",
            "code": "#!/usr/bin/env -S deno server -A",
            "statments": [],
            "comment": []
        },
        {
            "level": 1,
            "index": 3,
            "title": [
                "Skapa ett webbserver object"
            ],
            "description": [
                "Skap ny ett objekt för webbservern som vi kan manipulera."
            ],
            "lang": "js",
            "code": "const app = new Hono();",
            "statments": [],
            "comment": []
        },
        {
            "level": 1,
            "index": 4,
            "title": [
                "Gör ett enkel respons"
            ],
            "description": [
                "Skap ny ett objekt för webbservern som vi kan manipulera."
            ],
            "lang": "js",
            "code": "app.get(\"/hej\", (c) => {\n\treturn c.html(\"<h1>Hello!</h1>\");\n});",
            "statments": [],
            "comment": []
        },
        {
            "level": 1,
            "index": 5,
            "title": [
                "Sätt upp en server"
            ],
            "description": [
                "Vi exporterar nu servern så deno kan starta den."
            ],
            "lang": "js",
            "code": "export default app;",
            "statments": [],
            "comment": []
        },
        {
            "level": 1,
            "index": 6,
            "title": [
                "✔️ Starta din server och se att den fungerar"
            ],
            "description": [
                "Starta servere och gå sedan in på URL:n som servern visar med en webbläsare."
            ],
            "lang": "sh",
            "code": "./main.ts",
            "statments": [],
            "comment": []
        },
        {
            "level": 1,
            "index": 7,
            "title": [
                "✔️ Testa göra ett anrop till servern"
            ],
            "description": [
                "Öppna länken ",
                [
                    {
                        "link": " http://localhost:8000/hej"
                    },
                    "http://localhost:8000/hej"
                ],
                ". Du borde nu få se en webbsida som säger \"Hello!\"·"
            ],
            "statments": [],
            "comment": []
        }
    ]
}