安装swiper 创建组件 一定要添加"use client"，作为客户端组件来使用 示例代码中的样式使用的tailwindcss 使用组件 使用图片作为轮播图，替换组件代码

1. Next.js Next.js 是一个使用 React 构建单页应用程序（SPA）的开源 JavaScript 框架。它使得构建服务端渲染（SSR）和静态网站生成（SSG）的 React 应用程

前言 vercel 于 2023/10/16 发布 next14 版本，从官网的博客更新记录可以看到，最新的两个版本主要更新性能方面，具体 Next14 更新点可以看官网 一、Nextjs 更新是要解

前言 NextJS是一款基于 React 进行全栈开发的框架，是当下非常火的React全栈框架之一，在去年NextJS发布了V13版本，而本文将基于V13版本的app路由，来梳理它的几种不同的渲染方式

Next.js 中支持 3 种渲染方式：服务端渲染、静态站点渲染和客户端渲染。本文分别介绍它们的含义、区别及使用方式。

路由是 Web 开发的重要组成部分，用户基于路由访问应用程序中的不同页面。Next.js 通过基于文件系统的路由机制简化了路由的创建。

很多情况下，我们希望在应用程序中跨多个页面拥有一致的布局，例如顶部的标题和底部的页脚。随着 Next.js 版本 13 中引入布局，实现这一点变得更加容易和灵活。