Next JS 和 Typescript 与 Shopify 集成 – 完整指南

学习现代 Next JS(Next 10+)。在 Typescript 中编写所有代码并与 Shopify 集成。专业的应用架构。

讲师：Eincode by Filip Jerga，Filip Jerga

独家Udemy付费课程，中英文字幕，课程资料包齐全！

用不到1/10的价格，即可享受同样的高品质课程，且可以完全拥有，随时随地都可以任意观看和分享。

你将会学到的

• 从头开始构建现代、架构良好的应用程序
• 使用 Typescript 获取大部分 JS
• 创建具有真实用例的应用程序
• 创建 Shopify 集成

课程内容

35 个章节 • 237 个讲座 • 总时长 27 小时 55 分钟展开所有章节

介绍3 个讲座 • 9 分钟

TS 介绍4 个讲座 • 26 分钟

TS 开端3 个讲座 • 17 分钟

接口和类型5 个讲座 • 20 分钟

收窄8 个讲座 • 33 分钟

有趣的类型6 个讲座 • 20 分钟

泛型类型7 个讲座 • 41 分钟

推断9 个讲座 • 51 分钟

启动商业项目7 个讲座 • 58 分钟

获取和结构10 个讲座 • 1 小时 12 分钟

可重用配置7 个讲座 • 1 小时 2 分钟

布局5 个讲座 • 21 分钟

顺风和 PostCSS9 个讲座 • 55 分钟

网格和产品10 个讲座 • 1 小时 6 分钟

产品卡片 – 主页 CSS7 个讲座 • 46 分钟

[可选]：Flex 样式5 个讲座 • 38 分钟

组件 – 主页16 个讲座 • 1 小时 39 分钟

UI 提供程序和侧边栏9 个讲座 • 1 小时 12 分钟

产品详情页面8 个讲座 • 1 小时 14 分钟

正常化7 个讲座 • 58 分钟

滑块5 个讲座 • 39 分钟

选择10 个讲座 • 1 小时 26 分钟

突变钩10 个讲座 • 1 小时 14 分钟

提取器改进9 个讲座 • 1 小时 10 分钟

创建购物车11 个讲座 • 1 小时 35 分钟

结帐5 个讲座 • 38 分钟

购物车标准化5 个讲座 • 41 分钟

突变钩型4 个讲座 • 41 分钟

使用SWR挂钩式4 个讲座 • 31 分钟

显示购物车物品7 个讲座 • 52 分钟

移除物品挂钩4 个讲座 • 27 分钟

更新物品挂钩5 个讲座 • 35 分钟

用户体验改进4 个讲座 • 25 分钟

Shopify 集成6 个讲座 • 1 小时 3 分钟

部署到 Vercel3 个讲座 • 20 分钟

要求

• 需要基本的 Javascript 知识
• React、HTML 和 CSS 基础知识

说明

Next.js 是什么？

Next.js 是一个基于 React 的框架，为服务器端渲染 (SSR) 和静态页面应用程序提供基础设施和简单的开发体验。

• 直观的基于页面的路由系统（支持动态路由）
• 预渲染，静态生成 (SSG) 和服务器端渲染 (SSR) 均支持每页

什么是打字稿？ 

TypeScript 是一种开源语言，它通过添加静态类型定义构建在 JavaScript（世界上最常用的工具之一）之上。

这门课程适合你吗？

如果你打算以开发人员的身份开始你的职业生涯或提高你的编程技能，那么本课程适合你。了解如何构建受 Next JS 开发人员项目启发的专业 Web 应用程序。

从学习 Typescript 语言开始，然后逐步构建你自己的电子商务应用程序。

这个资源是使用 Next.js 开始 Web 开发所需的唯一资源。在本课程中，你将获得开始自己的项目所需的信心和技能。此外，你将获得正确的心态来申请开发人员职业并在 Next.js 和 React.js 等现代框架中进行改进。

你打算做什么？

你将从头开始构建电子商务应用程序。你将学习如何使用 Typescript 语言、提供附加功能的 Javascript 超集和静态类型检查器编写代码。

本课程以 Typescript 语言的解释和实际示例开始。打字稿部分是可选的，但它解释了许多将在整个课程中使用的结构类型。

在打字稿讲座之后，你将开始构建你的电子商务应用程序。你将学习如何以模块化和简洁的方式构建应用程序。 

你将从头开始构建自己的 React 组件。作为样式框架，该课程使用 PostCSS 和 Tailwind CSS，这是每个项目的绝佳选择。

在本课程的后面，你将学习有关如何有效使用钩子函数的最新模式。整个结帐功能都建立在钩子函数之上。Hooks 是反应式的、模块化的并且易于测试。

在课程结束时，我们会将应用程序与 Shopify 连接起来，并将其部署到 Vercel 平台，以便互联网上的任何人都可以访问它。

此课程面向哪些人：

• 对现代框架感兴趣的初学者和经验丰富的开发人员。
• 寻找实用的 Next JS/Typescript 开发指南的人
• 本课程适合所有渴望了解如何从头开始构建应用程序的人