Изучение Next JS с нуля / Урок #2 – Создание проекта и его настройка

• Установка Next.js и настройка проекта.  

• Рекомендация сайта itproger.com для кода и материалов.  

• Проверка установки Node.js и программы для написания кода.  

• Использование Visual Studio Code для создания проекта.  

• Создание проекта с помощью команды в терминале.  

• Настройка параметров проекта: название, использование TypeScript, создание App Router.  

• Обзор файла package.json: описание проекта, скрипты и библиотеки.  

• Команды для запуска локального сервера и сборки проекта.  

• Запуск локального сервера и проверка работы сайта.  

• Папка .next содержит файлы для локального сервера.  

• Папка app содержит файлы для разработки.  

• Папка public содержит статичные файлы.  

• Файлы .gitignore, .env, .env.local, package.json и README.md.  

• Файл index.html: основной HTML код для главной страницы.  

• Файл layout.js: общий каркас для всех страниц.  

• Файл page.js: HTML код для главной страницы.  

• Удаление ненужных стилей и HTML кода.  

• Создание новой папки для дополнительной страницы.  

• Создание файла page.js в новой папке для новой страницы.  

• Копирование кода из предыдущего компонента.  

• Удаление подключения изображения.  

• Переименование компонента в "клайн" и изменение URL.  

• Переход на другую страницу с другим HTML-кодом.  

• Простота обработки URL в Next.js по сравнению с React.  

• Создание новых папок и файлов для страниц.  

• Открытие HTML-кода и стилей при переходе по URL.  

• HTML-код содержит разметку, а не пустой тег <div>.  

• Оптимизация сайта благодаря формированию HTML на стороне сервера.  

• Быстрота работы сайта и доступность HTML для поисковых систем.  

• Ускорение разработки за счет проверки URL и обработки динамических параметров.  

• Создание новой папки и файла для отслеживания URL.  

• Обещание обучения обработке параметров и данных в следующих уроках.  

• Призыв подписаться на канал и вступить в соцсети.