我们将创建一个具有两个主要部分的网站：主页和产品目录。目录可以按产品类别过滤，仅查看标有该类别的产品。
我们将收集基本数据：访问者感兴趣的类别。为此 臺灣電話號碼 ，在这个简单的项目中，我们将把用户访问的第一个类别目录视为他们最喜欢的。第一次访问后，主页将开始显示与该类别相关的独家内容。
演示网站的主页在初始状态下在顶部显示一个横幅，显示通用内容
我们将在登陆页面顶部放置一个横幅。该横幅具有初始状态，显示通用内容。用户可以访问总目录，或选择类别之一：运动装或优雅服装。因此，我们可以说我们的网站上将有两个“角色”：运动装粉丝和优雅服装购物者。
说到目标，我们想要的是销售更多的运动服装产品。为此，我们将尝试开展一项活动，向运动服爱好者展示折扣和优惠，以吸引他们购买更多商品。当用户第一次访问运动装目录时，我们会将其视为他们最喜欢的类别。因此，下次用户访问我们的网站时，我们将在主页顶部的横幅中显示量身定制的优惠。
演示网站的主页在个性化状态下在顶部显示横幅，显示定制优惠
我们如何创建项目？我们来汇报一下。
识别用户
为了识别我们的目标角色（运动服粉丝），每当用户访问运动服目录作为他们的第一选择时，我们都需要设置一个标志。为此，在这个简单的项目中，我们将在访问者的设备上创建一个名为 user_type 的 cookie，并将最喜欢的类别设置为值。如果访问者没有 user_type cookie，或其值为空，我们将向他们显示通用横幅。如果 user_type 是“运动装”或“优雅”，我们将显示正确的横幅。
前端
根据创建网站所使用的技术以及每个框架提供的功能，有多种方法可以实现我们的目标。对于此示例，我们将使用 Next.js 和框架版本 13 中引入的新方法：App Router。