Aflați cum să creați un site web personal cu Next.js 13 pentru frontend și Sanity.io ca backend de conținut. De asemenea, vi se va prezenta TailwindCSS pentru stil și TypeScript pentru siguranța tipului și experiența îmbunătățită a dezvoltatorului. Până la sfârșitul acestui tutorial, veți avea un site web personal complet funcțional, pe care îl puteți continua să construiți.
✏️ Kapehe Sevilleja a dezvoltat acest curs.
💻 Cod: https://github.com/kapehe-ok/next-sanity-test
🔗 Plan gratuit îmbunătățit cu Sanity.io: https://www.sanity.io/youtube
🔗 Linkuri Next.js: https://nextjs.org/docs & https://nextjs.org/blog/discord
🔗 Link-uri Sanity.io: https://www.sanity.io/docs & https://slack.sanity.io/
🔗 TailwindCSS: https://tailwindcss.com/docs/installation
🔗 TypeScript: https://www.typescriptlang.org/
🔗 Twitter-ul lui Kapehe: https://twitter.com/kapehe_ok
🏗 Sanity a oferit un grant care a făcut posibil acest curs.
⭐️ Cuprins ⭐️
⌨️ (0:00:00) Introducere
⌨️ (0:03:48) Proiect finalizat
⌨️ (0:06:06) Începând Next.js
⌨️ (0:09:17) Pornește Sanity.io
⌨️ (0:12:04) Prezentare generală a Sanity.io
⌨️ (0:15:05) Sanity.io Gestionează tabloul de bord
⌨️ (0:16:28) Limbajul de interogare GROQ
⌨️ (0:18:03) Încorporarea Sanity Studio
⌨️ (0:20:38) Rutare în Next.js 13
⌨️ (0:27:37) următoarea bibliotecă de sănătate
⌨️ (0:31:09) Prima schemă Sanity
⌨️ (0:39:05) Se afișează date
⌨️ (0:42:38) Prima interogare GROQ
⌨️ (0:45:03) Cartografiere peste proiecte
⌨️ (0:49:47) Configurarea tipurilor TypeScript
⌨️ (0:54:34) Adăugarea TailwindCSS
⌨️ (1:06:40) Mai multe despre Studio
⌨️ (1:09:52) Imagini în Next.js 13
⌨️ (1:13:52) Pagini de proiect individuale
⌨️ (1:22:41) Stilizarea paginilor proiectului
⌨️ (1:31:21) NavBar
⌨️ (1:35:38) Dosarele organizaționale Next.js
⌨️ (1:41:50) Schema paginilor
⌨️ (1:58:28) Se desfășoară în Vercel
⌨️ (2:01:33) Sanity actualizări în timp real
⌨️ (2:03:22) Recap
⌨️ (2:04:29) Outro
🎉 Mulțumim susținătorilor noștri Campion și Sponsor:
👾 Îl atrag pe Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Titlul Erdeniz
👾 Justin Hual
👾 Agustín Kussrow
👾 Otis Morgan
—
Învățați să codificați gratuit și obțineți un job de dezvoltator: https://www.freecodecamp.org
Citiți sute de articole despre programare: https://freecodecamp.org/news
Cursuri interesante:
- React & TypeScript – Curs pentru începători
- Tutorial Full Stack – Site de management al hotelului cu Next.js, React, Sanity.io, Tailwind, Stripe
- Învață SvelteKit – Curs complet pentru începători
- Tutorial pentru proiectare web pentru începători – Aplicație meteo cu Next.js, Tailwind CSS și TypeScript
- Tutorial TypeScript GameDev – Creați un joc Arkanoid
- Învață TypeScript – Tutorial complet
- Tutorial Gatsby Static Site Generator
- Next.js & Appwrite – Curs Full Stack pentru începători
- Dezvoltare Web Frontend: Tutorial aprofundat de proiect (HTML, CSS, JavaScript, TypeScript, React)
- Creați și implementați AI SaaS cu venituri recurente (Next.js, OpenAI, Stripe, Tailwind, Vercel)