使用 Next.js 构建的全栈 Microsoft To Do 原型

Full Stack Microsoft To Do Prototype With Next.js

与 Next.js、shadcn/ui、TailwindCSS、Drizzle ORM、TypeScript、SQLite Auth.js有关的快速原型Microsoft To Do

 学习内容

  • 构建受 Microsoft To Do 启发的生产力工具原型
  • 使用 shadcn/ui 和 TailwindCSS 进行布局和样式设计
  • 使用 Drizzle ORM 和 SQLite
  • 快速原型制作的技巧和技术
  • 使用 AuthJS 设置凭据提供程序身份验证
  • 使用 Drizzle Kit 更新数据库架构
  • 构建移动响应式 App Shell
  • 使用服务器操作进行突变

 要求

  • 建议具备 Web 开发和命令行的基本知识
  • 建议具备 JavaScript 和 React 的基本知识

 描述

您好,欢迎来到全栈 Microsoft To Do 原型课程!我希望你一切顺利。加入我们的编码冒险,我们将创建一个受广受好评的 Microsoft To Do 应用程序启发的生产力工具。

本课程非常强调快速原型设计,指导您在我们的架构中进行有意的权衡,以快速交付功能应用程序。在整个旅程中,我将分享我的个人技巧和窍门,以快速取得成果,这对于向潜在客户、雇主或投资者展示您的工作非常宝贵。

我们将探索 shadcn/ui 和 Drizzle ORM 等尖端技术,以及 Next.js 和 TailwindCSS 等可靠的框架。

以下是综合功能列表的先睹为快:

 -认证

 – 应用外壳

 – 侧边栏动画

 – 网格布局

 – 下拉菜单

 – 深色模式

 – 主演任务

 – 抽屉组件

 – 任务页面

 – 重要页面

 – 我的一天页面

 – 显示已完成的切换

– 添加/删除到我的一天切换

需要注意的是,本课程主要遵循实用的编码教程结构,并散布着一些理论。如果您正在寻找有关Next.js或其他特定技术的深入指南,则有更专业的课程可供选择。将此视为通用全栈课程,为您提供对每种工具的足够了解,以有效地完成手头的任务。准备好迎接激动人心的编码之旅吧!

本课程适合谁:

  • 初级到中级 Web 开发人员

 

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。