Inspiroivia projekteja vibekoodaukseen. Jokaisessa ideassa on valmis aloitusprompt, teknologiasuositukset ja askel-askeleelta ohjeet. 24 projektia 5 kategoriassa.
Web-sovelluksia ja sivustoja Next.js:llä ja Reactilla. Opi full-stack-kehitystä rakentamalla oikeita projekteja alusta loppuun.
Automaatioskriptejä ja -työkaluja arkipäivän tehtäviin. Säästä aikaa automatisoimalla toistuvat hommat Node.js:llä ja TypeScriptillä.
Data-työkaluja, dashboardeja ja analytiikkasovelluksia. Opi visualisoimaan dataa kaavioilla ja rakentamaan oikeasti hyödyllisiä näkymiä.
Yksinkertaisia pelejä ja pelillisiä sovelluksia. Opi pelilogiikkaa, animaatioita ja state-hallintaa hauskojen projektien kautta.
CLI-työkaluja ja kehittäjien apuvälineitä. Rakenna käytännöllisiä developer-työkaluja jotka nopeuttavat päivittäistä työskentelyäsi.
Selaa kategorioita ja valitse kiinnostava projekti taitotasosi mukaan.
Jokaisessa projektissa on valmis prompti, jolla pääset alkuun tekoälyn kanssa.
Seuraa ohjeita ja laajenna projektia omilla ideoillasi.
Tutustu työkaluihin ja valitse itsellesi sopiva.
Vibekoodauksella voi rakentaa lähes mitä tahansa: verkkosivuja, web-sovelluksia, mobiilisovelluksia, automaatioita, SaaS-tuotteita, pelejä ja data-analyysityökaluja. Vibekoodaus.fi tarjoaa 24 projekti-ideaa viidessä kategoriassa valmiilla ohjeilla.
Paras ensimmäinen projekti on henkilökohtainen portfolio-sivu tai Linktree-tyylinen linkkisivu. Nämä ovat yksinkertaisia, visuaalisia ja valmistuvat 20-30 minuutissa. Seuraavaksi voit kokeilla todo-sovellusta, jossa opit interaktiivisuuden perusteet.
Yksinkertainen verkkosivusto: 30 min - 2 tuntia. Interaktiivinen web-sovellus: 2-8 tuntia. SaaS-tuotteen MVP: 1-2 viikkoa. Mobiilisovellus: 1-3 viikkoa. Ajat riippuvat projektin laajuudesta ja kokemuksestasi vibekoodauksessa.
Et tarvitse. Vercel ja Netlify tarjoavat ilmaisen hostauksen web-sovelluksille. Yhdistä GitHub-tilisi ja sovelluksesi julkaistaan automaattisesti joka kerta kun tallennat muutoksia. Ilmaisella tasolla pääsee hyvin alkuun.