­čç╣­čçĚ S─▒f─▒rdan Next.js v13 ─░lk Bak─▒┼č

­čç╣­čçĚ S─▒f─▒rdan Next.js v13 ─░lk Bak─▒┼č

S─▒f─▒rdan Next.js v13 ─░lk Bak─▒┼č

Next.js versiyon 13 ile Blog sitesi yap─▒yoruz ve Next.js’e s─▒f─▒rdan giri┼č yap─▒yoruz!

Language: turkish

Note: 0/5 (0 notes) 190 students  New course 

Instructor(s): Mehmet Pekcan

Last update: None

What you’ll learn

  • Nextjs ile nas─▒l proje olu┼čturulur
  • Nextjs’in bize vaad etti─či ┼čeyler nedir ve nas─▒l kullan─▒l─▒r
  • Nextjs ile bir proje s─▒f─▒rdan nas─▒l geli┼čtirilir ve canl─▒ yay─▒na al─▒n─▒r
  • Nextjs 13 ile birlikte yeni gelen ├Âzellikler nelerdir

 

Requirements

  • Temel seviye React

 

Description

Bu e─čitim serisi ile birlikte s─▒f─▒rdan Next.js ├Â─črenece─čiz ve bunu Next.js’in en yeni s├╝r├╝m├╝ olan versiyon 13 ile birlikte yap─▒yoruz olaca─č─▒z. E─čitimin sonunda Next.js versiyon 13’├╝n bize sundu─ču b├╝t├╝n ├Âzellikleri ve yeni versiyon ile hayat─▒m─▒za girmi┼č olan ‘app’ klas├Âr├╝ gibi ├Âzel konular─▒da ├Â─črenmi┼č olaca─č─▒z ve bu sayede Next.js ile ilgili her hangi bir proje ├Ân├╝n├╝ze geldi─činde veya bu alanda bir firmada profesyonel olarak ├žal─▒┼čmak istedi─činizde bunu yapabilecek ki┼čisel g├╝ven ve rahatl─▒─ča sahip olman─▒z─▒ hedefliyorum.

K─▒saca e─čitimde ne g├Âr├╝yoruz olaca─č─▒z:

– Next.js versiyon 13 ile bir proje nas─▒l s─▒f─▒rdan aya─ča kald─▒r─▒l─▒r?

– Aya─ča kald─▒rd─▒─č─▒m─▒z projeyi, kullan─▒labilir hale nas─▒l getiririz? Ve varsay─▒lan olarak gelen dosyalar ne i┼če yar─▒yor?

– App klas├Âr├╝ nedir? Ne i┼če yarar? Ne i├žin kullan─▒r─▒z?

– Next.js’de nas─▒l sayfa olu┼čturulur?

– Olu┼čturdu─čumuz sayfan─▒n ‘loading’ durumu i├žin nas─▒l sayfa olu┼čtururuz?

– Olu┼čturdu─čumuz sayfan─▒n ‘error’ durumlar─▒nda ki davran─▒┼člar─▒ i├žin nas─▒l sayfa olu┼čtururuz?

– Genel bir ‘not-found’ 404 sayfas─▒ nas─▒l olu┼čtururuz?

– Backend’den nas─▒l veri ├žekeriz?

– ├çekti─čimiz veriyi nas─▒l sitemiz i├žerisinde render ederiz?

– Server side rendering ve Client side rendering nas─▒l yap─▒l─▒r?

– Local’imizde yapt─▒─č─▒m─▒z projeyi nas─▒l canl─▒ yay─▒na al─▒r─▒z?

Bu ve bunun gibi daha bir ├žok konuyu ele ald─▒─č─▒m ve bunlar─▒ yaparken bir Blog sitesi in┼ča etti─čimiz bir e─čitim serisine haz─▒r olun. Hadi gelin ba┼člayal─▒m!

 

Who this course is for

  • Nextjs ile ilgili bilgi sahibi olmak isteyen, ba┼člang─▒├ž seviyesinde React bilen herkes

 

Course content

  • Giri┼č
    • Kurs Tan─▒t─▒m
    • Kurulum & Dosya D├╝zeni
    • Ana Layout’umuzu Olu┼čtural─▒m – layout.js
    • Font Ekliyoruz – next/font
    • Head ve Meta Tag’ler – head.js
    • Header ve Footer Ekleyelim – next/link
    • Blog Card Component’i Yapal─▒m – next/image
    • Bloglar─▒ Listeliyoruz – Data Fetching I
    • Blog Sayfas─▒n─▒ Yap─▒yoruz – Data Fetching II
    • Loading Ekran─▒ Ekliyoruz – loading.js
    • 404 Sayfas─▒ Yap─▒yoruz – not-found.js
    • Hata Sayfas─▒ – error.js
    • Yay─▒na Al─▒yoruz! – Deployment

 

­čç╣­čçĚ S─▒f─▒rdan Next.js v13 ─░lk Bak─▒┼č­čç╣­čçĚ S─▒f─▒rdan Next.js v13 ─░lk Bak─▒┼č

 

Don’t miss any coupons by joining our Telegram group 

Udemy Coupon Code 100% off | Udemy Free Course | Udemy offer | Course with certificate