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

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

В ходе урока мы создадим новый Next JS проект и выполним его настройку. Дополнительно вы ознакомитесь со структурой проекта, а также научитесь отслеживать разные URL адреса.

Видеоурок

Установка Next JS

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

npx create-next-app@latest

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

npm run dev

Работа с Next JS

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


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

Материалы для курса

Чтобы скачивать материалы к видеокурсам необходимо оформить подписку на сайт

Задание к уроку

Необходимо оформить подписку на проект, чтобы получить доступ ко всем домашним заданиям

Также стоит посмотреть

Изучение React JS / Redux библиотеки
9 уроков
Курс по React JS для начинающих
11 уроков
Курс Nuxt JS / Изучение Nuxt.js фреймворка
8 уроков
Создание приложения на React JS / Использование API
7 уроков
Курс по NestJS с нуля / Разработка веб проектов
9 уроков
Уроки Node JS и Express для начинающих
13 уроков
Комментарии
Добавить комментарий

Пока комментариев нет