Gatsby Freelancer Suomi: Jere Huttunen
Olen Gatsby.js freelancer koodari yli 4 vuoden Gatsby kokemuksella. Olen käyttänyt Gatsbyä versiosta 2 lähtien ja käytän sitä yhä päivittäin.
Teen Gatsby freelancer-työtä oma oman yritykseni Vaihe Median kautta.
Ota yhteyttäMinuun luottavat
MD Logica lääketieteen yritysten markkinointitoimisto Californiasta, Yhdysvalloista.
Käy MD Logican sivuilla: MDLogica.com
Purposemed rakentaa alustoja, jotka yhdistävät potilaita erikoistuneisiin sairaanhoitajiin, jotta potilaat saisivat terveydenhuoltoa suoraan kotinsa mukavuudesta.
Olemme rakentaneet heille kaksi sivustoa, yksi niistä heidän yrityssivunsa PurposeMed ja toinen on Frida-alustan markkinointisivu.
Käy Purposemedin sivuilla: PurposeMed.com
Buddy Healthcare on suomalainen palkittu hoidon koordinoinnin ja potilaskommunikoinnin alusta.
Koodasimme heidän sivun CMS-pohjalla, joka mahdollistaa heidän markkinointitiimin luomaan uusia sivuja ja osioita täysin itse.
Käy Buddy Healthcaren sivuilla: BuddyHealthcare.com
Spotless Laser on ihonhoitoyritys Kanadasta. Heillä on kaksi fyysistä toimipistettä, sekä verkkokauppa jonka kehitimme Jamstackilla.
Testimonial
Lue case study englanniksi: Bringing e-commerce to Jamstack for Spotless Laser
Käy Spotlessin sivuilla: SpotlessLaser.com
WorkED tarjoaa uniikkeja oppimismahdollisuuksia tarjoamalla oppimisjaksoja, joissa pääsee tutustumaan uusiin aloihin ilman aiempaa kokemusta.
Kehitimme heidän nettisivunsa komponenttipohjaisella ratkaisulla, jotta heidän markkinoijansa voisivat luoda uusia sivuja itse ja pitää heidän sivunsa skaalattavana.
Lue case study englanniksi: Building a highly scalable headless Jamstack site for WorkED
Käy WorkED:in sivuilla: Worked.com
Butterfly on Lontoolainen markkinointitoimisto.
Kehitimme heidän nettisivut käyttämällä Contentful CMS -palvelua ja staattista sivuteknologiaa.
Käy Butterflyn sivuilla: Butterfly.London
Lean Digital on digitoimisto Yhdysvalloista.
Käy Lean Digital Agencyn sivuilla: LeanDigitalAgency.com
Sintrol on suomalainen yritys analysaattoreiden ja mittauslaitteiden alalla.
Tuotimme Sintrolille käytettävyys- ja saavutettavuuskorjauksia, sekä hakukoneoptimointia.
Käy Sintrolin sivuilla: Sintrol.com
M-XR on brittiläinen yritys, joka tarjoaa 3D skannausteknologiaa ja 3D materiaaleja.
Käy M-XR:n sivuilla: M-XR.com
ticketbro kehittää mobiililippusovellusta, jonka avulla eri yritykset voivat myydä kävijöilleen lippuja kätevästi mobiilisovelluksen kautta.
Kehitimme ticketbron nettisivut keskittyen animaatoihin ja interaktivisuuteen.
Lue case study englanniksi: Building ticketbro’s marketing site with a focus on animations and interactivity
Käy ticketbron sivuilla: ticketbro.com
Conduktor rakentaa ja ylläpitää käyttöliittymää Apache Kafkalle.
Autoimme Conduktoria luomaan perustukset heidän sivuilleen, jotka ovat saaneet uuden designin sen jälkeen.
Käy Conduktorin sivuilla: Conduktor.io
Ensemble auttaa yrityksiä luomaan ja ylläpitämään kehittyneitä data- ja analytiikkaratkaisuja.
Visit Ensemble: EnsembleAnalytics.io
WA tuottaa informaatiota vakuutuksista ja laeista Alankomaissa.
Kehitimme heille nettisivut, jotka ovat erittäin skaalattavat ja SEO-optimoidut.
Lue case study englanniksi: Using JamStack to scale with WA.nl
Käy WA:n sivuilla: WA.nl
Frida auttaa ADHD:sta kärsiviä tehden ADHD-diagnoosia, jatkuvaa hoitoa ja hyödyllisiä artikkeleita.
Koodasimme heidän koko sivustonsa tavalla, jolla heidän markkinoijat pystyvät luomaan sivuja ja sisältöä helposti ja nopeasti.
Käy Fridan sivuilla: TalkWithFrida.com
Hatchet on digitoimisto Perthista, Australiasta.
Käy Hatchetin sivuilla: Hatchet.com.au
BEN Energy on ohjelmistoyritys Sveitsitä. He auttavat sähköyhtiöitä ymmärtämään asiakkaitaan enemmän ja auttamaan heitä paremmin.
Käy BEN Energyn sivuilla: BEN-Energy.com
Hailer tuottaa kommunikointialustaa joka pitää myös sisällään työnkulun hallintaa.
Tuotimme Hailerille saavutettavuuskorjauksia, hakukoneoptimointia ja jatkuvaa ylläpitoa.
Käy Hailerin sivuilla: Hailer.com
Mihin keskityn Gatsby-sivuissani
Sivunopeus
Aloitin Gatsbyn käytön neljä vuotta sitten sen vuoksi, koska se antoi parhaan sivunopeuden – tämä on totta vieläkin. Kiitos neljän vuoden kokemukseni, voin tehdä nopeampia Gatsby-sivustoja kuin kukaan muu freelancer.
Skaalattavaa koodia
Olen työskennellyt Gatsby sivustoilla, joilla on yli 3000 sivua. Osaan tehdä skaalattavia Gatsby-sivustoja, ja käytän osaamistani jokaisella Gatsby sivustolla jonka rakennan.
Tekninen SEO
Toimin myös teknisen hakukoneoptimoinnin konsulttina, joten tiedän kaiken siitä, miten saada kaikki irti Gatsbyn SEO-hyödyistä.
Valitut Gatsby-projektini
Frida
Frida auttaa ADHD:sta kärsiviä saamaan diagnoosin, jatkuvaa apua ja hyödyllisiä artikkeleita ADHD aiheista.
Rakensin Fridan sivut niin, että sivua voi helposti laajentaa ja muokata CMS:n sisällä. Heidän ei tarvitse jatkuvasti pyytää koodarin apua, sisällöntuottajat voivat itse tehdä sivustoon muutoksia.
Käy Fridan sivuilla: TalkWithFrida.com
WorkED
WorkED luo ja ylläpitää nuorille suunnattuja kesäkursseja ja koulun jälkeisiä kursseja fyysisesti.
Loin heidän nettisivut keskittyen designin skaalattavuuteen. Uusia osioita voi lisätä kaikkialle, niiden taustaväriä voi vaihtaa, fonttikokoja voi muuttaa, ja uusia komponenttejä kuten popuppeja ja CTA-nappeja voi lisätä kaikkialle.
Lue case study (englanniksi): Building a highly scalable headless Jamstack site for WorkED
Käy WorkED:n sivuilla: Worked.com
Spotless Laser
Spotless Laser tarjoaa ihonhoitoa kahdessa fyysisessä liikkeessä Kanadassa, plus ihonhoitotuotteita verkkokaupassaan.
Rakensin heidän nettisivut hyödyntäen Jamstackin voimaa käyttämällä Gatsbya, Storyblok ja Shopify. Shopify kauppa on "headless" kauppa, eli kauppa on osana Gatsby-sivustoa. Uudella sivulla Spotless onnistui saamaan 350% enemmän myyntejä.
Lue case study (englanniksi): Bringing e-commerce to Jamstack for Spotless Laser
Käy Spotlessin sivuilla: SpotlessLaser.com
WA.nl
WA tuottaa informaatiota vakuutuksista ja laeista Alankomaissa.
Loin WA:lle skaalattavan ja hakukoneoptimoidun nettisivun. Heillä on nyt yli 270+ sivua nettisivuillaan, mutta sillä sivu on Jamstack sivu, se on yhtä tehokas kuin silloin kun sillä oli vain 10 sivua.
Lue case study (englanniksi): Using JamStack to scale with WA.nl
Käy WA:nl sivuilla: WA.nl
Tehdään yhdessä täydellinen Gatsby-sivustosi
Ota yhteyttä sähköpostitse: jere@vaihe.com
Opi lisää minusta ja Gatsby-kehityksestäni
Esittely
Moro, oon Jere! Olen 26-vuotias koodari Ylöjärveltä, tästä Tampereen naapurista. Myyn koodausta yrityksille ympäri maailmaa, suurin osa asiakkaistani taitaa olla Kanadasta ja Saksasta.
Kun en ole tekemässä töitä, olen luultavasti keilaamassa, pyöräilemässä, tekemässä ruokaa, hiihtämässä, huolehtimassa puutarhastani, tai tekemässä harrastusprojekteja.
Harrastan myös välillä valokuvausta, oma lempparini on avaruuden valokuvaaminen.
Hinnoitteluni
Laskutan työstäni 55€/h (+24% alv), mutta yleensä pidän enemmän kiinteistä hinnoista. Ota yhteyttä saadaksesi hinta-arvion!
Mitä "headless" CMS -palveluita voin yhdistää Gatsbyyn.
Olen käyttänyt seuraavia CMS-palveluita:
- Contentful
- Storyblok
- Dato CMS
- Prismic
- Agility
- Strapi
- Directus
- WordPress
- Shopify ("headless" verkkokauppoihin)
Oma lempparini on Storyblok CMS, ja sitä suosittelen Gatsbylle.
Gatsby.js fullstack verkkokehitys
Jost tarvitset fullstack-koodausta, voin hoitaa sen myös. Gatsby käyttää backendissään Node.js, jota olen käyttänyt jo 4 vuotta.
Mitä CMS-palvelua suosittelen
Suosittelen Storyblokia (sivu englanniksi). Se on erittäin voimakas ja helppokäyttöinen CMS, joka mahdollistaa työntekijäsi muokkaamaan sivustoa ilman koodausta ja ilman koodarin apua. Tiimisi voi muokata sivua täysin itsenäisesti omalla aikataulullaan.
How I got started with Gatsby
Before using Gatsby, I used to do static sites just by writing HTML + CSS + JS files. After finding Gatsby when it just released its v2 version, I instantly fell in love with it, as it allowed me to use modular approach to static sites, and React makes writing interaction-heavy sites much more enjoyable.
Before Gatsby, I wasn't too interested in React as I built my sites with focus on SEO and loading speeds, and React's JavaScript nature was hurting both of those. With Gatsby, I was able to use React to its full potential with focus on static generation.
Vuosi on 2024, suosittelenko yhä Gatsbya?
Nykyään käytän enemmän Next.js kuin Gatsbya uusissa projekteissa, mutta suurin osa jo olemassa olevista projekteistani on Gatsbylla. Suosittelen kumpaa tahansa Gatsbya tai Next:ia, mutta nykyään Gatsbyn päivitysten tiheys on mielestäni hidastunut sen jälkeen, kun Netlify osti sen.
Gatsbyn käyttäminen ei ole silti huono idea, se on erittäin suorituskykyinen työkalu ja saa mielestäni jopa hieman paremman sivunopeuden kuin Next.js.
Olen myös Next.js freelancer, joten olen hyvä valinta kumpaan tahansa Gatsby tai Next.js kehitykseen!