Cara Membuat Halaman Sederhana dengan Next.js - Panduan Lengkap

Berikut adalah contoh penggunaan Next.js untuk membuat halaman sederhana:
\

1. Buat folder baru untuk proyek Next.js dan masuk ke dalamnya melalui terminal atau command prompt.
   \
2. Jalankan perintah berikut untuk membuat proyek Next.js baru:
   \

npx create-next-app nama-proyek\
```\
\
3. Setelah selesai, masuk ke folder proyek:\
\
```\
cd nama-proyek\
```\
\
4. Buka file `pages/index.js` dan hapus semua isinya. Kemudian, gantikan dengan kode berikut:\
\
```jsx\
import React from 'react';\
\
const Home = () => {\
  return (\
    <div>\
      <h1>Selamat Datang di Next.js</h1>\
      <p>Ini adalah contoh halaman menggunakan Next.js</p>\
    </div>\
  );\
};\
\
export default Home;\
```\
\
5. Jalankan perintah berikut untuk menjalankan server Next.js:\
\
```\
npm run dev\
```\
\
6. Buka browser dan akses `http://localhost:3000`. Anda akan melihat halaman dengan teks "Selamat Datang di Next.js".\
\
Ini adalah contoh sederhana dari penggunaan Next.js untuk membuat halaman. Anda dapat menambahkan komponen atau fitur lainnya sesuai kebutuhan.