Publicera gratis med Netlify
Gör din AI-skapade resurs tillgänglig på webben på under tre minuter — utan kreditkort och utan tekniska förkunskaper.
Du har skapat en HTML-fil, testat den i webbläsaren och är nöjd med resultatet. Nu vill du att eleverna ska kunna öppna den på sina egna enheter — utan att behöva ladda ner något. Lösningen är Netlify: ett hostingtjänst som ger dig en riktig webbadress i utbyte mot ett par musklick.
Varför Netlify?
Det finns många sätt att publicera en webbsida, men Netlify är det enklaste alternativet som fortfarande ger ett professionellt resultat. Här är varför det är rekommendationen för dig som lärare:
- Helt gratis för enkla sidor — inga dolda kostnader
- Inget kreditkort krävs för att komma igång
- Drag-and-drop: dra filen till webbläsaren och du är klar
- HTTPS ingår automatiskt — länken börjar med
https://och webbläsare markerar den som säker - Global CDN — sidan laddas snabbt oavsett om eleven sitter i Luleå eller Malmö
- 100 GB bandbredd per månad gratis — mer än tillräckligt för ett helt klassrum som spelar ditt quiz hundra gånger om
Rekommenderat för nybörjare
Netlify är det snabbaste sättet att gå från en HTML-fil på din dator till en länk du kan dela med eleverna. Du behöver ingen erfarenhet av webbpublicering — drag-and-drop är allt som krävs.
Metod 1: Publicera utan konto (snabbaste sättet)
Har du bråttom? Vill du testa om din resurs fungerar live? Den här metoden tar ungefär 30 sekunder och kräver inget konto alls. Länken du får är tillfällig — den fungerar i ett dygn — men den är perfekt för att snabbt dela med eleverna i klassrummet.
Öppna Netlify Drop
Gå till app.netlify.com/drop i din webbläsare. Du möts av en stor, grå yta med texten "Drag and drop your site output folder here".
Dra din HTML-fil till sidan
Öppna Utforskaren (Windows) eller Finder (Mac) och hitta din .html-fil. Håll ned musknappen och dra filen rakt in i det grå fältet på Netlify-sidan. Släpp den där.
Vänta tre sekunder
Netlify laddar upp filen och sätter upp din sida. Du ser en laddningsindikator och sedan — klart.
Kopiera länken
En webbadress visas, något i stil med https://enchanting-dolphin-abc123.netlify.app. Det är din resurslänk. Kopiera den och dela med eleverna direkt.
Tillfällig länk — fungerar i 24 timmar
Utan konto är länken aktiv i ett dygn. Det räcker utmärkt för en lektion, men vill du ha en permanent länk du kan återkomma till gång på gång behöver du skapa ett gratis konto (se Metod 2 nedan).
Metod 2: Publicera med gratis konto (permanent länk)
Med ett konto på Netlify får du en länk som aldrig slutar fungera, möjlighet att uppdatera din resurs och ett eget namn i adressen. Det tar ungefär tre minuter att skapa kontot första gången.
Skapa ett gratis konto
Gå till netlify.com och klicka på "Sign up". Du kan registrera dig med e-post eller logga in med ett befintligt Google- eller GitHub-konto. Välj "Starter"-planen — den är gratis och du behöver inte ange något betalningsmedel.
Gå till Sites och välj att lägga till en ny sida
När du är inloggad ser du din överblick. Klicka på "Add new site" och välj sedan "Deploy manually" i listan som visas. Det är det alternativ som inte kräver Git eller koppling till ett kodlager.
Ladda upp din fil
Nu ser du samma grå drag-and-drop-yta som i Metod 1. Dra och släpp din HTML-fil (eller en mapp om du har fler filer) på ytan.
Vänta på att sidan publiceras
Det tar några sekunder. Netlify visar en grön markering och en automatiskt genererad webbadress när det är klart.
Anpassa webbadressen (frivilligt men rekommenderat)
Den automatiska adressen är svår att minnas. Gå till "Site configuration" → "Site details" → "Change site name". Skriv ett beskrivande namn, till exempel glosor-åk5-höst — adressen blir då https://glosor-ak5-host.netlify.app. Observera att namn med å, ä, ö inte fungerar i adresser; byt ut dem mot a, a, o.
Uppdatera resursen enkelt
Har du gjort förbättringar i din HTML-fil och vill publicera den nya versionen? Gå in på sidan i Netlify, klicka på "Deploys" och dra den uppdaterade filen till uppladdningsrutan igen. Samma webbadress fungerar — alla elever som har din länk sparad behöver inte göra något.
Vad händer om länken inte fungerar?
Här är de vanligaste anledningarna till problem och hur du löser dem.
Sidan är vit eller tom
Det beror nästan alltid på att HTML-filen inte är komplett — koden saknar grundstrukturen med <!DOCTYPE html>, <html>, <head> och <body>. Öppna filen i Anteckningar och kontrollera att koden börjar med <!DOCTYPE html> och slutar med </html>. Är du osäker, be AI:n om en ny komplett version av koden.
Bilder eller teckensnitt saknas
Om du har bilder eller typsnitt sparade som separata filer och bara laddade upp HTML-filen ser Netlify inte de extra filerna. Lösningen är att ladda upp en mapp som innehåller alla filer. Men det enklaste av allt är att be AI:n göra allt inbakat i en och samma HTML-fil från början — inga externa beroenden.
Vill du ha en snyggare adress?
Det sista steget för den som vill ta det lite längre: en egen domän. Du kan köpa ett domännamn som minaklasskurser.se hos exempelvis Loopia, Binero eller One.com för ungefär 100–150 kronor per år. Du kopplar sedan domänen till Netlify via DNS-inställningarna — Netlify har en tydlig guide som leder dig igenom det steget.
Det är frivilligt och ingenting du behöver för att dela resurser med elever. Men har du många resurser du vill samla under ett och samma namn kan det vara värt det.
Netlify är det snabbaste och enklaste sättet att publicera en HTML-fil på webben utan tekniska förkunskaper. Utan konto: dra filen till app.netlify.com/drop och kopiera länken — klart på 30 sekunder. Med gratis konto: du får en permanent länk du kan anpassa och uppdatera hur ofta du vill. Ingen betalning, inga tekniska krav.
Nästa steg
Nu när din resurs är live är det dags att dela den med eleverna på ett smart sätt.
Dela dina skapelser med eleverna
QR-koder, korta länkar, Google Classroom och offline-alternativ — alla metoder för att nå eleverna.
Spara och dela en HTML-fil
Hur du sparar AI-genererad kod som en HTML-fil och öppnar den lokalt i webbläsaren.
Lägg upp resursen på VibeTeacher
Dela din publicerade resurs med hela lärargemenskapen — lägg till ämne, beskrivning och länk.