|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/nextjs-crash-course-with-react-tailwind-2021/
课程评论：没有评论
**Coursera 课程总结：使用 React 和 Tailwind CSS 的 Next.js 速成课** 本课程旨在帮助学习者快速掌握使用 Next.js 框架创建前端 React 应用程序的基础知识。Next.js 作为一款 React 框架，提供了服务器端渲染 (SSR) 和路由等开箱即用的强大功能，能够简化开发流程并提升 SEO 效果。 **课程内容概览：** 1. **Next.js 简介：** 了解 Next.js 的核心概念和优势。 2. **Next.js 应用的安装与设置：** 学习如何初始化一个 Next.js 项目。 3. **在 Next.js 中设置 Tailwind CSS：** 学习如何集成 Tailwind CSS 并用于 React 组件的样式设计。 4. **Next.js 中的路由与页面跳转：** 掌握 Next.js 的路由机制，实现页面之间的链接和导航。 5. **创建布局组件：** 学习如何设计和实现复用的页面布局。 6. **自定义 Tailwind 配置并添加导航：** 深入了解 Tailwind CSS 的配置，并实践导航栏的创建。 7. **将 Next.js 应用部署到 Vercel：** 学习如何利用 Vercel 平台免费部署服务器无服务 (serverless) 应用程序，并结合 GitHub 实现持续集成。 8. **在 Next.js 中创建 API：** 学习如何构建和使用 Next.js 的 API 路由。 **学习目标：** * 使用 Next.js 和 React 从头开始创建一个前端应用程序。 * 理解并应用路由、链接、组件、页面以及 Tailwind CSS 的使用与配置。 * 能够将应用程序成功部署到 Vercel，实现 GitHub 集成和持续集成。 **Next.js 的优势：** Next.js 提供了出色的开发者体验，内置了许多为生产环境优化的功能，如混合静态与服务器渲染、TypeScript 支持、智能打包、路由预取等，且大多数情况下无需繁琐的配置。此外，Next.js 还提供图片优化、增量静态再生等高级功能。
SEO helps you to find new users and promote your brand on the top pages of search engines. Adding features like SSR( Server Side Rendering ) and routing can be tedious. Next.js which is a React framework offers many such features out of the box.In this course, you will learn the basic of creating a front-end React application with Next.js in simplest of manner. You will also learn how to setup Tailwind CSS and use to in your React components. We will learn:1 - Introduction to Next.js2 - Installation and Setup of Next.js Application3 - Setup Tailwind CSS in Next.js4 - Link Routes and Pages in NextJS5 - Link Routes and Pages in NextJS6- Creating Layouts in Next.js7 - Customize Tailwind Configuration and Add Navigation in NextJS8- Deploy your Next.js app to Vercel and creating APIs in NextJSBy the end of the session you would be able to:1. Create a front-end application in React using Next.js2. Grasp the concept of Routing, Links, Components, Pages, using and configuring Tailwindcss3. And Deploy your serverless application on a vercel for free using Github with continuous Integration.Benefits of learning and Using Next.jsNext.js gives you the best developer experience with all the features you need for production: hybrid static & server rendering, TypeScript support, smart bundling, route pre-fetching, and more. No config needed.It offers you Image Optimization , Incremental Static Regeneration etc
