#2 – Создание проекта и его настройка

Установка Next JS

Для установки Next JS достаточно прописать команду в терминале:

npx create-next-app@latest

Команда устанавливает все необходимые библиотеки и дополнительно создает шаблонный проект. После выполнения команды можно запустить локальный сервер прописав еще одну команду:

npm run dev

Работа с Next JS

В большинстве случаев Next JS очень схож с библиотекой React JS. Здесь используются все те же концепции, что были в стандартной версии фреймворка. Вы можете создавать компоненты, передавать данные между ними, выполнять обработку действий пользователя. 

Отличия заключаются в работе с URL адресами. В Next для отслеживания URL адреса достаточно создать новую папку и в ней файл «page.js». Тем самым вы сразу получаете новый URL адрес, что автоматически отслеживается и работает.