🌐

Web-sovellukset

Web-sovelluksia ja sivustoja Next.js:llä ja Reactilla. Opi full-stack-kehitystä rakentamalla oikeita projekteja alusta loppuun.

7 projektia

Suora vastaus: mikä tämän sivun tarkoitus on?

  • Tämä on toteutusideoiden lista: löydät rakennettavia projekti-ideoita kategoriasta web-sovellukset.
  • Jokainen idea vie tekemiseen: valitse vaikeustaso, avaa idea ja aloita promptilla.
  • Jos tarvitset roolipohjaista näkökulmaa: katso käyttötapaukset osoitteessa `/vibekoodaus/kayttotapaukset`.
Aloittelija2-4 tuntia

Henkilökohtainen portfolio

Moderni ja responsiivinen portfolio-sivusto, joka esittelee työsi ja osaamisesi. Opi Next.js:n perusteet ja deployn Verceliin — täydellinen ensimmäinen projekti.

Next.jsTypeScriptTailwind CSS+1
Keskitaso6-10 tuntia

Blogi-sovellus

Täysiverinen blogi kirjoittamiseen ja artikkeleiden hallintaan. Opi MDX-sisällönhallintaa, hakutoimintoja ja autentikaatiota rakentamalla oma CMS.

Next.jsTypeScriptTailwind CSS+2
Aloittelija2-4 tuntia

Todo-sovellus

Klassinen tehtävälista-sovellus modernilla toteutuksella. Opi React state-hallintaa, CRUD-operaatioita ja tietokannan käyttöä rakentamalla sovellus jota käytät oikeasti.

Next.jsTypeScriptTailwind CSS+1
Keskitaso8-12 tuntia

Mini-verkkokauppa

Yksinkertainen verkkokauppa tuotteiden selaamiseen ja ostamiseen. Opi e-commerce-perusteet, Stripe-maksut ja ostoskorin logiikka käytännössä.

Next.jsTypeScriptTailwind CSS+2
Aloittelija1-2 tuntia

Linkkisivu-projekti

Henkilökohtainen linkkisivu kaikille sosiaalisen median linkeillesi. Helpoin tapa aloittaa vibekoodaus — saat valmiin sivun tunnissa.

Next.jsTypeScriptTailwind CSS+1
Aloittelija3-5 tuntia

SaaS Landing Page

Rakenna moderni ja konvertoiva laskeutumissivu SaaS-tuotteelle. Opi markkinointisivun rakenne, CTA-elementtien sijoittelu ja responsiivinen design käytännössä.

Next.jsTypeScriptTailwind CSS+1
Keskitaso6-8 tuntia

Kalenteri-sovellus

Henkilökohtainen kalenteri tapahtumien hallintaan. Opi päivämäärien käsittelyä, visuaalisia näkymiä ja drag & drop -toimintoja rakentamalla oma kalenterisovellus.

Next.jsTypeScriptTailwind CSS+2