视频教程：掌握 Next.js 14：构建强大的费用跟踪器应用 (英文)

视频教程：掌握 Next.js 14：构建强大的费用跟踪器应用

发布日期：2024 年 5 月

• 制作人：Sayed Rahmani
• 格式：MP4
• 视频分辨率：1280×720
• 音频：AAC，44.1 KHz，2 通道
• 类型：在线学习
• 语言：英语
• 时长：18 讲（2 小时 17 分钟）
• 大小：1 GB

主要收获

• 创建一个 Next.js 14 费用跟踪器应用
• 学习实用的 UI 设计和样式技术
• 使用 Prisma 连接数据库
• 添加高级功能（创建、编辑、删除交易）

先决条件

• 熟悉 HTML、CSS 和 JavaScript 有所帮助。了解 React 概念将有益。
• 学习者应该在他们的计算机上安装有 Node.js 和 npm（Node 包管理器）。
• 学生需要一个源代码编辑器（如 Visual Studio Code、Sublime Text 或 WebStorm）来编写和编辑源代码。
• 无需具备 Next.js 的先前经验！本课程适合初学者，我们将逐步介绍所有内容。

课程描述

在这门全面的课程中，你将深入学习使用 Next.js 14、PostgreSQL、Prisma 和 Shadcnui 构建现代 Web 应用程序。无论你是初学者还是经验丰富的开发人员，本课程都将带你从零到英雄，创建一个高级的费用跟踪器应用。

重点内容

• Next.js 14 基础知识：了解 Next.js 的基础知识，包括安装、文件夹结构、路由和其他新功能。
• 使用 PostgreSQL 和 Prisma 构建费用跟踪器：学习如何管理费用、可视化支出，并使用这些强大的技术设计直观的用户界面。
• 服务器操作：探索服务器操作作为传统服务器端渲染（SSR）的替代方案。了解如何高效处理数据和执行操作。
• 使用 Shadcnui 创建用户界面：使用 Shadcnui 组件为你的费用跟踪器应用创建视觉上吸引人的用户界面。
• 身份验证和安全性：使用 Next-Auth 实现用户身份验证，并基于用户角色保护路由。
• 优化静态和动态页面：虽然不包括 SEO，但你仍将学习优化静态和动态页面的最佳实践。

通过本课程，你将掌握使用 Next.js 14、PostgreSQL、Prisma、Tailwindcss 和 Shadcnui 创建专业级 Web 应用程序的技能。加入我，让我们一起构建一些了不起的东西吧！

Master Next.js 14: Build a Powerful Expense Tracker App

Published 5/2024
Created by Sayed Rahmani
MP4 | Video: h264, 1280×720 | Audio: AAC, 44.1 KHz, 2 Ch
Genre: eLearning | Language: English | Duration: 18 Lectures ( 2h 17m ) | Size: 1 GB

Learn by Doing – Create a Beautiful and Functional Expense Tracker App with Next.js 14, Prisma, ShadcnUI and Postgres

What you’ll learn:
Create a Next js 14 expense tracker app
Learn practical UI design and styling techniques
Connect to a database using Prisma
Add advanced functionality (create, edit, delete transactions)

Requirements:
Familiarity with HTML, CSS, and JavaScript is helpful. Understanding of React concepts will be beneficial
Learners should have Node js and npm (Node Package Manager) installed on their machines
Students will need a code editor (e.g., Visual Studio Code, Sublime Text, or WebStorm) for writing and editing code
No prior experience with Next js is required! This course is beginner-friendly, and we’ll cover everything step by step

Description:
In this comprehensive course, you’ll dive into building modern web applications using Next.js 14, PostgreSQL, Prisma, and Shadcnui. Whether you’re a beginner or an experienced developer, this course will take you from zero to hero in creating an advanced expense tracker application.Key Areas Covered:Next.js 14 Fundamentals: Understand the basics of Next.js, including installation, folder structure, routing and other new features.Building an Expense Tracker with PostgreSQL and Prisma: Learn how to manage expenses, visualize spending, and design an intuitive user interface using these powerful technologies.Server Actions: Explore server actions as an alternative to traditional server-side rendering (SSR). Understand how to handle data and perform actions efficiently.User Interface with Shadcnui: Create a visually appealing UI for your expense tracker app using Shadcnui components.Authentication and Security: Implement user authentication using Next-Auth and protect routes based on user roles.Optimizing Static and Dynamic Pages: While SEO is not included, you’ll still learn best practices for optimizing both static and dynamic pages.By the end of this course, you’ll have the skills to create professional-grade web applications using Next.js 14, PostgreSQL, Prisma, Tailwindcss and Shadcnui. Join me on this exciting journey, and let’s build something amazing together!

扫码免费下载