
udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
Next.js, описанный как «React фреймворк для продакшена», упрощает создание высокооптимизированных веб-приложений в React. Этот курс поможет вам изучить Next.js, разработав два примера: полностью статичный веб-сайт и гибридное (статическое + рендеринг на стороне сервера) приложение. Первый пример, личный веб-сайт блог, познакомит вас с фундаментальными концепциями Next.js, такими как предварительный рендеринг, маршрутизация на основе файловой системы и гидратация.
Он покажет вам, как загружать данные на страницы, которые статически генерируются во время сборки, и как стилизовать ваши страницы в глобальных файлах CSS или с помощью библиотеки styled-jsx, которая предоставляет стили для компонентов.
В разделе «Развертывание» представлены все варианты запуска вашего приложения в производственной среде, от полностью управляемых бессерверных платформ, таких как Vercel, до настройки собственных серверов Linux.
Второй пример, который вы разработаете, — это веб-сайт магазина. Это будет более сложное приложение, которое загружает свои данные из Headless CMS (Strapi) и использует расширенные функции Next.js, такие как инкрементная статическая регенерация, для автоматического отражения изменений в бэкэнд-данных.
Проект покажет вам, как включить поддержку TypeScript в проекте Next.js, если вы хотите это сделать. Использование TypeScript необязательно; во всех видео, кроме одного, используется простой JavaScript. Но вы найдете полный код TypeScript для примера магазина в репозитории GitHub, если предпочитаете TypeScript.
Веб-сайт будет использовать популярную библиотеку CSS Tailwind для стилизации и компонент Next Image для оптимизации изображений.
Вы увидите различные способы загрузки данных из внешнего API, в том числе написание собственных маршрутов API в Next.js, а также способы выбора наилучшего подхода для ваших конкретных требований.
Пример будет включать безопасную систему аутентификации на основе JWT и файлов cookie, а для кэширования данных на стороне клиента будет использоваться библиотека React Query.
Предоставляется полный исходный код для всех примеров с простым способом просмотра изменений, внесенных в каждую лекцию.
Курс можно продолжить с последней версией Next.js 13. Обратите внимание, что экспериментальные функции, такие как каталог бета-приложений, не рассматриваются.
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
Next.js - это полноценный фреймворк, созданный на основе React.js. Узнайте, как создавать приложения и статические сайты, используя самоуверенные подходы, которые предлагает Next.js. Мы рассмотрим все, от начала до развертывания, а также все основы между ними. Вы покинете этот курс, зная, как создавать веб-приложения и статические сайты с помощью Next.js.
Next.js - это фреймворк для создания веб-сайтов React, с рендерингом на стороне сервера, а также статических веб-сайтов. Это проектный курс для изучения Next.js. Мы создадим приложение для музыкальных событий, которое даст вам базовые знания, необходимые для создания ваших собственных приложений и будем использовать Strapi (headless CMS) в качестве нашего бэкенда, но вы можете использовать что угодно.
Устали проходить уроки и изучать инструменты, но никогда ничего не строить? Устали понимать только половину приложения? Готовы вывести свою карьеру на новый уровень? Этот курс предназначен для любого разработчика, который хочет использовать новейшие технологии (Next.js, React, TypeScript, GraphQL, Prisma и т. д.), и на самом деле создать целое приложение, интерфейс и серверную часть, от начала до конца.
NextJS 13 - потрясающий фреймворк более высокого уровня, построенный на основе React, который полностью изменит ваше представление о том, как создавать веб-приложения.В этом курсе мы узнаем все потрясающие возможности NextJS 13, создавая приложение для бронирования столиков в ресторане, где люди смогут просматривать рестораны и бронировать столики.В первую очередь мы изучим файловую систему в NextJS 13. Мы узнаем, как создавать статические и дина