- Знакомство со стеком React, Next.js, TanStackQuery, SQLite, TypeORM
-
Открыть cmd, выполнить (cклонировать проект на диск С: в личную папку (на диске G: проект не развернется):
git clone https://github.com/sergeyvo80/vki-next -
Открыть в VSCode, в терминале VSCode выполнить:
Set-ExecutionPolicy -Scope CurrentUser RemoteSigned -
Установить npm пакеты:
npm i -
Запустить проект:
npm run dev
http://localhost:3000/ - приложение
http://localhost:3000/api/groups - апи
Создать файл .env.local в корне проекта
# .env.local
DB="g:/vki-web/vki-web-orm.db"
NEXT_PUBLIC_API="http://localhost:3000/api/"
- Главный шаблон (точка входа) - src/app/layout.tsx
- Компоненты шаблона - src/app/components/layout
- Страница - src/app/groups/page.tsx
- Компонент - src/components/Groups/Groups.tsx
- Хук получения данных - src/hooks/useGroups.tsx
- Получение данных из API - src/api/groupsApi.ts
- API возвращает список групп - src/app/groups/route.ts
- Запрос к БД - src/db/groupDb.ts
- Стартовая БД и запросы - папка db в корне проекта
-
Базовая структура HTML-документа с объяснением каждой строчки
-
JavaScript, отдохни! Делаем интерактивные вещи на HTML и CSS
- CSS дока
- Вам больше не нужен JavaScript
- CSS свойство will-change
- Современный CSS: что важно знать в 2025 году
- Типы и структуры данных JavaScript
- Прототипное наследование
- Что такое hoisting
- ES6 по-человечески
- JavaScript Roadmap
- Микрозадачи и макрозадачи
- Почему браузеры ограничивают JavaScript таймеры?
- Способы разделения длительных задач в JavaScript