![South Korea | Jeju Island 3 Days & 3 Nights Free Travel Guide: Must-Visit Attractions, Food Recommendations & Itinerary Planning [2025 Update]](https://www.notion.so/images/page-cover/met_canaletto_1720.jpg)
从输入URL到页面展示发生了什么
本文详细介绍了从输入URL到页面展示的整个HTTP请求流程，包括请求的构建、缓存查找、TCP连接建立、HTTP请求发送、服务器处理请求及返回结果等九个阶段。还探讨了浏览器缓存的作用、TCP三次握手的必要性以及如何通过Cookie实现用户登录状态的管理，最后回答了一些常见问题，如站点加载速度快的原因和UDP与TCP的优缺点。
【个人网站】03.如何做网站自定义页面 URL 映射
pageUrlOverrides 是一个配置对象，用于在 Notion 集成中定义自定义页面 URL 映射，以替换自动生成的 URL。它有助于 SEO 优化和用户体验。示例中展示了如何将 Notion 页面 ID 映射到更友好的自定义 URL，并提供了一个清理页面 URL 映射的函数 cleanPageUrlMap，确保映射的有效性。
【个人网站】02.如何在Next中集成Notion数据库
在Next.js项目中集成Notion数据库的步骤包括获取Notion API密钥和数据库ID、安装Notion官方SDK、设置Notion客户端、获取数据库内容、部署与验证，以及使用封装的Notion API进行交互。通过这些步骤，可以有效地将Notion作为内容管理系统，并利用react-notion-x组件渲染Notion页面，提升代码的可维护性。
【个人网站】01.如何使用Notion作为数据库进行全栈开发
使用 Notion 作为数据库进行全栈开发的步骤包括注册 Notion 账号、获取 Notion API Token、创建数据库页面并配置相应的列。文中详细介绍了如何创建新集成、共享数据库权限以及获取数据库ID，以便进行数据管理和展示。
Next.js 基础知识全解析：核心概念、路由、数据获取
Next.js 是一个用于构建 React 应用的框架，它提供了服务端渲染(SSR)和静态网站生成(SSG)的功能，能够提升页面加载速度和 SEO 效果。通过自动化路由系统、数据获取策略（如 getStaticProps 和 getInitialProps）以及增量静态生成 (ISR)，Next.js 能够灵活地生成静态页面或根据需求进行服务器端渲染。它非常适合用于内容不频繁变化的博客、作品集、文档等静态网站，同时还能支持动态路由和嵌套路由。此外，Next.js 支持 API 路由，可以将后端功能集成到应用中。
【Next踩坑记】开发者必看的常见错误与踩坑经验分享
实际开发中遇到的Next相关的bug，记录下来和大家分享
【个人网站】06.使用Mailchimp做网站邮件订阅功能
Mailchimp 是一个流行的电子邮件营销平台，提供多种功能，如受众管理、自动化和分析报告。它的免费计划适合小型企业，允许最多 500 个联系人和每月 1,000 封邮件。文中还详细介绍了如何通过 Mailchimp API 集成邮件订阅功能到 Next.js 项目中，包括创建账户、获取 API Key、编写订阅函数和创建 API 路由。Mailchimp 的强大功能和免费计划使其成为初学者的理想选择。
【个人网站】05.基于i18n在Next项目中搭建国际化网站
本文分享了如何在Next.js项目中使用i18n实现国际化网站，包括依赖安装、项目结构、配置文件、国际化文件的设置，以及组件的使用示例。此外，还提供了常见错误及其解决方案，确保服务器端和客户端的语言设置一致。
Traveler Sharing
The travel advice here has made my journey more colorful, thank you for sharing!
Sarah
As a solo traveler, I found lots of practical advice and encouragement here.
Emma
Not just a travel guide, but a warm travel community.
Linda