1. React
  2. Установка Next.JS

Установка Next.JS

Для работы с Next.JS сначала надо установить Node.JS, и запустить команду ниже для установки приложения:

npx create-next-app nextjs-dashboard --use-npm --example "https://github.com/vercel/next-learn/tree/main/dashboard/starter-example"

Затем выполнить команду ниже, чтобы запустить тестовый сервер.

npm run dev

В консоли будет показан адрес, через который в браузере можно открыть приложение (например localhost:3000).

Настроить стили (CSS)

В файле app/layou.tsx надо добавить код для подключения стилей.

# /app/layout.tsx

import '@/app/ui/global.css';
 
export default function RootLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (
    <html lang="ru">
      <body>{children}</body>
    </html>
  );
}

Если всё сделано правильно, то отобразится примерно следующая страница:

Next.JS. Стартовая страница