Sarazamecznik.com

Dette var et spennende prosjekt å gjøre.

Min klient, Sara Zamecznik, er kunststudent ved KHIO i Oslo. Hun er en dyktig kunstner som skaper kunst i ulike medier, med spesialisering i keramikk.

Da jeg fikk vite at hun snart skulle uteksamineres og hadde vist frem kunsten sin utelukkende på Instagram, innså jeg behovet for en mer profesjonell plattform—en eksklusiv nettside.

Jeg tok kontakt med Sara og presenterte et tilbud hun ikke kunne avslå. Jeg hadde friheten til å bruke hvilken som helst teknologi jeg foretrakk, med hennes eneste krav om et design som er minimalistisk, mobilvennlig og kostnadseffektivt å hoste.

Med disse kriteriene i tankene, satte jeg i gang med å finne en passende teknologistabel. Jeg tenkte umiddelbart på å bruke et CMS som WordPress eller Squarespace for deres brukervennlighet og enkle vedlikehold. Selv om CMS-plattformer som WordPress eller Squarespace er populære for sin brukervennlighet, kommer de med en bokstavelig kostnad. Heldigvis finnes det mer kostnadseffektive alternativer. Gitt nettstedets natur, kunne alt innholdet være statisk og bare trenge oppdatering når hun lager et nytt innlegg. Her kommer statiske nettstedsgeneratorer (SSG) og headless-CMS-systemer inn. Ved å bruke SSG-er, som Next.js, til å hente innhold fra headless CMS, i dette tilfellet Contentful, kunne jeg generere en statisk nettside. Denne tilnærmingen er ideell for å oppnå et tilpasset UI-design og muliggjør enkel hosting på Vercel, gratis. Det gjør det også mulig for ikke-kodere å lage innhold gjennom et brukervennlig CMS-grensesnitt, som utløser automatisk gjenoppbygging av nettsiden via webhooks.

Dette valget kommer med en ulempe—å endre UI i fremtiden vil enten kreve kodekunnskap eller å ansette mine tjenester igjen. Etter å ha diskutert fordeler og ulemper, ble Sara og jeg enige om headless CMS-tilnærmingen.

Etter å ha gjort litt research endte tech stacken opp med å være:

• NextJS
• TailwindCSS
• Contentful
• GraphQL
• Formspree
• Vercel

Å utvikle med Next.js var hyggelig, takket være innebygde verktøy som bildeoptimalisering og ruting. Hosting på Vercel, som er skreddersydd for Next.js, var sømløst. Tailwind CSS muliggjorde rask UI-utvikling, noe som gjorde det enkelt å lage responsive komponenter.

Contentful viste seg å være brukervennlig, og tillot enkel opprettelse av innholdsmodeller, generering av innlegg og opplasting av ressurser.