egghead
Проект egghead.io представляет огромный выбор курсов и скринкастов для разработчиков любого уровня и профессии.
Создайте интернет-магазин с Next.js и Stripe Checkout
Create an eCommerce Store with Next.js and Stripe Checkout
Продолжительность
1 ч 4 мин
Категория
React.js
Количество уроков
15 Видео
Дата добавления
26 мар. 2021 г., 16:22
Язык
Английский
Принимайте платежи и продавайте продукты на базе Stripe и лучших продуктов JAMStack. Существует столько же способов создать интернет-магазин в Интернете, сколько продуктов для продажи. Одно можно сказать наверняка: электронная коммерция никуда не денется, и, как профессиональные разработчики, мы должны понимать, как создавать полностью индивидуализированные магазины для наших клиентов, используя лучшие современные инструменты.
- React: гибкий и настраиваемый, следуя передовым современным практикам
- Next.js: быстрое облегчение с помощью направляющих, которые помогут вашему проекту работать так, как ожидают потребители
- Stripe Checkout: позвольте вам переложить сложную бизнес-логику на доверенную третью сторону, которая обеспечивает соблюдение нормативных требований, глобальные платежи и стандартный UX.
В вашем магазине будет хорошо управляемое состояние локальных компонентов с помощью React Hooks, а также у вас будет четкое и связное общее (глобальное) состояние с React Context.
Наконец, вы развернете свой собственный магазин в Vercel (платформе Next.js), а также узнаете, как сделать свой магазин электронной коммерции Next.js переносимым для развертывания на других платформах.
Посмотреть больше
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
-
Урок 1. 00:01:20Create a New React Application with the Next.js create-next-app CLI
-
Урок 2. 00:04:31Add and Style a Grid of Products with Images in a Next.js React App
-
Урок 3. 00:01:50Add and Configure Products in the Stripe Dashboard for an Online Store
-
Урок 4. 00:03:33Dynamically Manage a Grid of Products in an Online Store with a JSON Document
-
Урок 5. 00:04:17Host & Deploy a Next.js React App on Vercel imported from GitHub
-
Урок 6. 00:01:11Configure a Stripe Checkout Domain for Client-Only Integration
-
Урок 7. 00:03:00Add a Stripe API Key as an Environment Variable in Next.js & Vercel
-
Урок 8. 00:05:10Integrate Stripe Checkout to Purchase Products in Next.js with Stripe @stripe/stripe-js Cl
-
Урок 9. 00:10:08Create a Shopping Cart with the useState React Hook to Manage Product Quantity and Total
-
Урок 10. 00:04:56Create a Custom React Hook to Manage Cart State
-
Урок 11. 00:05:07Use the React Context API to Globally Manage Cart State in a Next.js App
-
Урок 12. 00:03:35Store and Load Cart State from Local Storage to Persist Cart Data When Reloading the Page
-
Урок 13. 00:06:27Use Next.js Dynamic Routes to Create Product Pages for an Online Store
-
Урок 14. 00:04:14Create a Shopping Cart Page to Manage Products to Purchase in a Next.js App
-
Урок 15. 00:05:21Add a Quantity Input to the Cart Page to Add or Remove Items from a Shopping Cart in Next
Автор - egghead
Категории
Комментарии
-
DesignerThis course is just fantastic! It allows to easily grasp the concept of using Next.js with Stripe and quickly become up and running :) -
AnonymousThanks a lot for the egghead course, please upload more recent egghead course
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
Другие материалы в этой категории
NextJS 14 и React - Полное Руководство
Next.js 14 & React - The Complete Guide
Я создал самый продаваемый курс Udemy по React, теперь я очень рад поделиться с вами этим курсом по NextJS - углубленным курсом об удивительном фреймворке React, который позволяет вам сделать следующий шаг в качестве разработчика React и построить настоящие, готовые к производству проекты с React и Next.js! Next.js - это готовый к работе фреймворк с поддержкой полного стека для ReactJS - самой популярной библиотеки JavaScript, которую вы можете и
Full Stack Next.js с Redux, Express и MongoDB
Full Stack Next.js with Redux, Express & MongoDB
Next.js - это фреймворк для создания приложений React, который поставляется с системой маршрутизации на основе страниц, рендерингом на стороне сервера, статической оптимизацией с выборкой данных, автоматическим разделением кода, маршрутизацией на стороне клиента с предварительной выборкой страниц, встроенным CSS ( и SASS) и API роуты.
fireship.io
9 февр. 2021 г., 23:30
Next.js Firebase - Полный курс
Next.js Firebase - The Full Course
Узнайте, как создать высокопроизводительное приложение React с данными в реальном времени из Firebase и несколькими парадигмами рендеринга на стороне сервера с помощью Next.js.
Production-Ready Next.js
На этом курсе вы узнаете, как максимально эффективно использовать Next.js с помощью передовых методов и рабочих процессов. Вы узнаете, как эффективно создавать тысячи страниц с помощью markdown, обрабатывать аутентификацию и как Next.js отлично работает с CMS. После этого курса вы будете готовы к работе с вашим приложением Next.js.
React и Next.js: Разные Способы Создания Приложений React
React and Next.js: Different ways of creating React Apps
Узнайте, как создать 3 разных приложения с React и Next.js. Первым приложением будет приложение администратора, использующее React с классами. Второе приложение будет приложением инфлюенсер, использующим React Hooks. Третьим приложением будет Checkout с использованием Next.js.