Next.js ile Web Sitesi Olu\u015fturun ve Vercel ile Yay\u0131nlay\u0131n<\/p>\n
G\u00fcn\u00fcm\u00fczde, web sitesi olu\u015fturman\u0131n bir\u00e7ok yolu var. Ancak, h\u0131zl\u0131 geli\u015ftirme, m\u00fckemmel SEO \u00f6zellikleri ve harika kullan\u0131c\u0131 deneyimi sunan bir platform ar\u0131yorsan\u0131z, Next.js tam size g\u00f6re! Bu makalede, Next.js ile temel bir web sitesi nas\u0131l olu\u015fturulaca\u011f\u0131n\u0131 ve bunu Vercel ile nas\u0131l yay\u0131nlayaca\u011f\u0131n\u0131z\u0131 ad\u0131m ad\u0131m g\u00f6sterece\u011fim.<\/p>\n
\u0130lk ad\u0131m, yeni bir Next.js projesi olu\u015fturmakt\u0131r. Bunu, Next.js komut sat\u0131r\u0131 arac\u0131yla kolayca yapabilirsiniz.<\/p>\n
“`bash
\nnpx create-next-app@latest my-next-app
\n“`<\/p>\n
Bu komut, “my-next-app” ad\u0131nda yeni bir Next.js projesi olu\u015fturacakt\u0131r. Projeniz olu\u015fturulduktan sonra, terminalinizde a\u015fa\u011f\u0131daki komutu \u00e7al\u0131\u015ft\u0131r\u0131p projenizi a\u00e7abilirsiniz.<\/p>\n
“`bash
\ncd my-next-app
\nnpm run dev
\n“`<\/p>\n
Bu komut, yerel geli\u015ftirme sunucunuzu ba\u015flatacak ve projenizi http:\/\/localhost:3000 adresinde a\u00e7acakt\u0131r.<\/p>\n
Next.js, \u00f6nceden yap\u0131land\u0131r\u0131lm\u0131\u015f baz\u0131 sayfalarla birlikte gelir. \u00d6rne\u011fin, “pages” dizini i\u00e7indeki “index.js” dosyas\u0131, web sitenizin ana sayfas\u0131n\u0131 temsil eder. Bu dosyay\u0131 d\u00fczenleyerek ilk i\u00e7eri\u011finizi ekleyebilirsiniz.<\/p>\n
“`javascript
\n\/\/ pages\/index.js<\/p>\n
import Head from ‘next\/head’;<\/p>\n
export default function Home() {
\n return (<\/p>\n