Få insikter i hur vi arbetar och bli inspirerad!

På WILL & SKILL använder vi oss ofta av ett Headless CMS som heter Storyblok, det är ett smidigt verktyg som gör det enkelt för våra kunder att kunna implementera och förändra material på sidorna vi bygger åt dem.

Här på WILL & SKILL gillar vi att testa olika verktyg både för att lära oss och för att hitta nya smidiga sätt att bygga våra olika projekt på.

WILL & SKILL hjälpte Nimly med framtagning och utveckling av deras multisajt. En sajt uppbyggt för att presentera innehåll på norska, svenska, danska och engelska, samt erbjuda unikt innehåll för varje region.

Next.js, ett ramverk som bygger på React.js, används flitigt av oss på WILL & SKILL, det finns en anledning till att vi gillar det så mycket. Next.js har många coola funktioner och i detta inlägg tänkte vi lite lätt gå igenom två funktioner, getStaticPaths och getStaticProps, som används för att kunna statiskt generera våra sidor och då öka sidans prestanda.

Vad är Key/value? I Javascript använder vi oss ofta av objekt för att spara undan data som vi sedan kan använda oss av. Ett objekt är en kollektion av egenskaper, som kan vara av olika typer som strängar, nummer eller metoder. Egenskaperna är data som vi sparar undan genom att ange en key, ett namn som en “nyckel”, som är kopplat till det värde (value) som vi vill spara.

Vad är bra kod är en fråga som de flesta programmerare förhoppningsvis ställer sig någon gång under sin karriär, samt en fråga som ofta kommer upp på anställningsintervjuer och som varje företag bör ha i åtanke som en riktlinje för sina utvecklare. Vi frågade några av våra utvecklare på WILL & SKILL om deras åsikter gällande ämnet och sammanställde nedan några punkter vi anser utmärker bra kod.

Styrkorna av en Headless CMS är framhävda flertal gånger i våra artiklar. Idag ska vi se hur vi kan smidigt och enkelt bygga ditt innehåll i Storyblok och få den fungerande med Next.js

För att maximera framgången i ett projekt med en tech-partner, börja med att definiera projektet noggrant. Se till att du har en klar förståelse för affärsmålen och vad som ska uppnås, och skapa tydliga wireframes. Nästa steg är att inventera resurser, identifiera vilka kompetenser som behövs och om de finns internt eller måste rekryteras. Slutligen, definiera scope och delmoment tydligt för att säkerställa att projektet håller sig inom budget och tidsramar. En realistisk plan och flexibilitet för oförutsedda händelser kommer bidra till projektets framgång.

Kunden, belägen i ett av våra Europeiska grannländer, bedriver en verksamhet som är jämförbar med verksamt.se i Sverige. De stöttar företag, som är nya på marknaden, i att etablera sig och få igång sina verksamheter.

Vår kund är verksam i ett sammanhang där deras kunder bokar in personliga 1 till 1 sessioner med deras representanter och betalar för dessa sessioner per tillfälle. I utgångsläget sköttes dessa bokningar manuellt via mail eller telefon och likaså skedde matchning mellan kunderna och företagets representanter manuellt utan något egentligt underlag bortom vem som var tillgänglig eller känd av kunden sen tidigare.

AMP, utvecklat av Google, är en open-source teknik för att skapa snabba mobilanpassade webbsidor. Den använder standardkomponenter som utökar eller ersätter HTML-taggar och begränsar användningen av CSS och skräddarsydd JavaScript för att hålla filstorlekar små. AMP-sidor valideras och cachas på Googles servrar, vilket garanterar mycket snabba laddningstider oavsett användarens uppkoppling eller plats. Denna teknik hjälper till att standardisera webbladdning och förbättra användarupplevelsen.

I denna guide tittar vi på hur ett ramverk skiljer sig från ett CMS. Vad är för och nackdelarna och hur bör man resonera när man står vid ett vägval?