// pages/index.js
export default function Home() {
  return (
    

      
سلام به Next.js خوش آمدید!
      
این صفحه اصلی برنامه است.
    
  )
}

npx create-next-app@latest my-next-app
cd my-next-app
npm run dev

pages/
  index.js         // -> /
  about.js         // -> /about
  blog/
    index.js       // -> /blog
    [slug].js      // -> /blog/:slug
    [...params].js // -> /blog/*

// pages/posts/[id].js
export async function getStaticPaths() {
  return {
    paths: [
      { params: { id: '1' } },
      { params: { id: '2' } }
    ],
    fallback: false
  }
}

export async function getStaticProps({ params }) {
  return {
    props: { postId: params.id }
  }
}

// pages/ssr-page.js
export async function getServerSideProps() {
  const res = await fetch('https://api.example.com/data')
  const data = await res.json()

  return {
    props: { data }
  }
}

// pages/ssg-page.js
export async function getStaticProps() {
  const res = await fetch('https://api.example.com/static-data')
  const data = await res.json()

  return {
    props: { data },
    revalidate: 60 // ISR: بازسازی هر 60 ثانیه
  }
}

import useSWR from 'swr'

function Profile() {
  const { data, error } = useSWR('/api/user', fetcher)

  if (error) return 
خطا در بارگذاری
  if (!data) return 
در حال بارگذاری...
  return 
سلام {data.name}!
}

// pages/api/user.js
export default function handler(req, res) {
  if (req.method === 'POST') {
    // پردازش درخواست POST
    res.status(200).json({ message: 'کاربر ایجاد شد' })
  } else {
    // برگرداندن خطا برای سایر متدها
    res.status(405).json({ message: 'متد مجاز نیست' })
  }
}

import Image from 'next/image'

function Banner() {
  return (
    
  )
}

import { Inter } from 'next/font/google'

const inter = Inter({ subsets: ['latin'] })

export default function RootLayout({ children }) {
  return (
    
      {children}
    
  )
}

/* styles/Home.module.css */
.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 2rem;
}

.title {
  font-size: 2rem;
  color: #333;
}

npm install -g vercel
vercel login
vercel