Table of contents

Intro

Jag skapade den här webbplatsen främst för att förbättra mina webbutvecklingsfärdigheter. Jag ville öka min kunskap om modern webbutveckling med hjälp av ramverk, och efter att ha undersökt olika alternativ bestämde jag mig för att använda Astro-ramverket. En av anledningarna till att jag valde Astro är att det är byggt med JavaScript och TypeScript, och jag ville också använda detta projekt som en möjlighet att lära mig mer om TypeScript. I slutändan är mitt mål att bygga en webbplats av kvalitet och lära mig TypeScript längs vägen.

Astro.build

https://astro.build/ Astro-ramverket är ett relativt nytt webbutvecklingsramverk som är utformat för att skapa högkvalitativa webbplatser som laddas snabbt. En av de viktigaste funktionerna i Astro är användningen av server-side rendering (SSR), vilket gör att ramverket kan förrendera större delen av webbplatsens innehåll på servern innan det skickas till klienten. Detta innebär att webbplatsen kan laddas mycket snabbare eftersom klienten inte behöver vänta på att servern ska generera innehållet innan det visas.

Jag har hittills tyckt om att arbeta med Astro-ramverket, eftersom det har varit mycket lätt att använda, även för en nybörjare som jag. För några år sedan hade jag samma idé att skapa en webbplats och försökte använda Hugo-ramverket. Hugo är dock baserat på Go, vilket gjorde det mycket mer utmanande att arbeta med, särskilt eftersom jag inte hade någon erfarenhet av Go då. Eftersom jag är intresserad av att lära mig JavaScript, fann jag att Astro var ett mycket bättre alternativ för mig. Det har varit ett bra sätt att lära mig språket samtidigt som jag bygger min webbplats.

Vad nu?

Jag har lyckats få den grundläggande funktionaliteten på min webbplats att fungera. Ursprungligen använde jag astro-paper-webbplatsmallen, vilket var mycket användbart. Men efter ungefär en veckas arbete med webbplatsen släppte Astro Framework version 2.0, som innehöll några coola nya funktioner som jag ville införliva. Jag gjorde några ändringar i mallen för att inkludera de nya funktionerna, men jag förstod inte fullt ut hur allt fungerade. Som ett resultat bröt jag medvetet det mesta och började bygga om bloggsektionen från grunden. Även om bloggen är funktionell nu, finns det fortfarande några trasiga funktioner som jag måste fixa. Trots dessa utmaningar upptäcker jag att jag lär mig mycket genom denna process, vilket är bra.

att göra-lista

Det finns fortfarande några saker som jag behöver göra för att förbättra webbplatsen innan jag är helt nöjd med den. Jag hoppas att jag kan slutföra dessa uppgifter snabbt, så att jag kan gå vidare till andra projekt utöver att bara bygga en enkel webbplats.

• Fixa webbplatsens förstasida.
• Lägga till innehåll på Om mig-sidan.
• Fixa sökfunktionen för blogginlägg.
• Ta bort alla omnämnanden av “Taggar”.
• Lägga till en “kategori-moln”-funktion.
• Skapa en ordentlig kategorisida.
• Lägga till stöd för flera språk.
• Förbättra CSS-formgivningen.
• Förbättra det övergripande webbplatsinnehållet.