Next.js обзор фреймворка. Fullstack Блог. express/mongodb/next/ssr/styled components

🤟 Ссылка на макет : https://www.figma.com/file/9F3f4z2r7x...

🏆 Поднять мотивацию и получить плюшки(сборка, исходники, чат со мной):
🔹 Patreon:   / roman_timoshchuk  
🔹 Buy me a coffee: https://www.buymeacoffee.com/tymoshchuk
🔹 Crypto:
👉 USDT(ERC20): 0xA4008910De17DB20c7505425316fF72d4C5Eed96
👉 USDT(BEP20): 0x4350c4E1C0bB35634C7fDE1cFB278BE0606E3822
👉 Binance Pay: 432902886

⏱️ Тайм-коды: ⏱️
00:00 Вступление
01:00 Обзор проекта
03:15 Инициализация приложения
04:00 Обзор базовой структуры Next.js приложения
08:43 Роутинг в Next.js
11:30 Компонент Head
14:18 Глобальные стили
17:00 Модули стилей
21:48 Установка styled-components
29:00 Подключение сторонних библиотек к проекту (_document)
33:57 Верстка компонента Navbar
45:50 Верстка Верстка главной страницы
58:26 Верстка страницы добавления поста
1:03:28 Компонент Image из коробки Next.js
1:06:41 Продолжаем верстку страницы добавления постов
1:16:57 Верстка страницы поста
1:32:09 Динамический роутинг
1:35:35 Инициализация серверной части
1:36:24 Подключение MongoDB
1:43:06 Создание модели
1:45:11 Логика добавления постов
1:56:45 CORS
2:00:30 useRouter
2:03:29 SSR (Server side rendering) всех постов
2:12:23 Логика страницы поста
2:18:50 Решаю ошибку компонента Image и моего мозга))
2:27:27 Удаление поста
2:37:05 Про деплой
2:36:38 Заключение. Даже не клянчу лайки.

📨 Сотрудничество ► [email protected]
📨 Business inquiries ► [email protected]