小红花·文摘
  • 首页
  • AI Tokens🪙
  • 排行榜🏆
  • 直播
  • FAQ

作者用Astro重构博客,弃用SvelteKit,经三次Codex开发实现静态站点生成器,保留原页面表现。新增动态多语言路由和交互服务,评论数据存本地并渲染为静态页。还加入作者声明、数字签名与时间戳防抄袭功能,部署于Cloudflare Worker。

用 Astro 重构博客程序:从 SvelteKit 到静态站点

Dallas Lu Dallas Lu · 2026-09-02T01:02:00Z
SvelteKit 的可观察性提升了 10 倍,我们对此感到兴奋

SvelteKit 现已支持完整的可观察性和追踪功能,成为首个支持自动仪器的 ESM 元框架。用户可通过 instrumentation.server.js 文件轻松添加服务器端仪器,Sentry SDK 也已完全兼容。这一进展为 JavaScript 生态系统树立了榜样。

SvelteKit 的可观察性提升了 10 倍,我们对此感到兴奋

Sentry Blog Sentry Blog · 2025-09-04T00:00:00Z
对SvelteKit新OpenTelemetry跨度的原生支持

Vercel与SvelteKit集成了实验性的OpenTelemetry追踪功能。要启用此功能,需要在svelte.config.js中进行配置,并创建追踪仪器文件。生成的追踪将包含SvelteKit的内置跨度。

对SvelteKit新OpenTelemetry跨度的原生支持

Vercel News Vercel News · 2025-08-18T13:00:00Z
2025年完美的本地SvelteKit与Supabase设置

本文提供了Supabase与SvelteKit的详细设置步骤,包括创建SvelteKit应用、安装Supabase依赖、初始化Supabase、配置环境变量、生成类型文件、设置TypeScript和钩子,以及用户验证和错误处理的方法,旨在帮助开发者更顺利地使用这两个工具。

2025年完美的本地SvelteKit与Supabase设置

DEV Community DEV Community · 2025-05-25T21:33:14Z
Vue 3、SvelteKit和Angular中的CSS类和样式动态绑定

本文介绍了在Vue 3、SvelteKit和Angular中如何动态绑定CSS类和样式。通过示例展示了根据购买状态和优先级应用不同CSS类,以及根据复选框状态设置字体加粗样式。各框架的实现方式略有不同,但均支持通过数组或对象绑定CSS类和样式。

Vue 3、SvelteKit和Angular中的CSS类和样式动态绑定

DEV Community DEV Community · 2025-05-25T07:51:03Z
使用中间件的SvelteKit JWT认证:完整实现

本文介绍了如何使用SvelteKit(TypeScript)构建基于JSON Web Tokens(JWT)的认证系统,该系统通过加密验证JWT,提升了可扩展性和性能,认证过程无需数据库查询。

使用中间件的SvelteKit JWT认证:完整实现

DEV Community DEV Community · 2025-05-06T10:34:07Z
SvelteKit + Lucia身份验证(Google OAuth)+ MongoDB

本文介绍了如何使用MongoDB和SvelteKit创建基本的会话API,利用唯一ID和SHA-256哈希确保安全性。用户通过Google OAuth进行身份验证,生成会话令牌并存储在cookie中。文章详细阐述了会话的创建、验证、失效过程,以及用户登录和登出的处理。

SvelteKit + Lucia身份验证(Google OAuth)+ MongoDB

DEV Community DEV Community · 2025-04-26T08:21:19Z
Vercel 可观察性现在对 SvelteKit 应用程序的路由具有感知能力

SvelteKit 的动态路由(如 /blog/[slug])现在被 Vercel Observability 单独识别,升级到 @sveltejs/adapter-vercel 5.7.0 可提升可观察性,建议使用该适配器。

Vercel 可观察性现在对 SvelteKit 应用程序的路由具有感知能力

Vercel News Vercel News · 2025-04-14T13:00:00Z
Nue.js、SvelteKit和MariaDB现已在Diploi上可用 🎉

Diploi现已支持Nue.js、SvelteKit和MariaDB三种新技术。Nue.js是轻量级网页框架,简化现代网页开发;SvelteKit是全栈框架,支持服务器端渲染和静态网站生成;MariaDB是MySQL的开源关系数据库,具备性能改进。

Nue.js、SvelteKit和MariaDB现已在Diploi上可用 🎉

DEV Community DEV Community · 2025-04-14T08:49:15Z
在SvelteKit的服务器端渲染中使用PocketBase

本文介绍了在服务器端环境中使用Sveltekit和Pocketbase的实现过程,重点关注安全性、性能瓶颈和OAuth2集成。通过示例代码,展示了用户认证、表单验证和数据更新的处理方法。尽管增加了复杂性,但在需要更高控制的情况下,仍然是有效的解决方案。

在SvelteKit的服务器端渲染中使用PocketBase

DEV Community DEV Community · 2025-04-11T18:56:30Z
将tRPC与SvelteKit集成

tRPC 11通过Fetch API简化了与SvelteKit的集成。创建SvelteKit项目后,安装tRPC依赖,定义后端路由和服务器端点,最后在组件中使用类型安全的API,几乎只需几个文件即可构建完整的类型安全API。

将tRPC与SvelteKit集成

DEV Community DEV Community · 2025-03-29T08:25:27Z
SvelteKit 5:如何实现基于代码的路由,而非基于文件的路由

本文介绍了如何在Svelte项目中实现通用路由,包括定义路由模式、加载页面,以及通过`urls.js`和`router.js`管理路由逻辑,处理404错误和数据加载,最终实现全局路由存储,简化页面渲染。

SvelteKit 5:如何实现基于代码的路由,而非基于文件的路由

DEV Community DEV Community · 2025-03-11T19:25:47Z
🔐 使用自定义钩子保护您的 SvelteKit 应用免受 CSRF 攻击

跨站请求伪造(CSRF)是一种攻击手段,攻击者诱使用户提交请求。本文介绍如何在SvelteKit中通过自定义中间件钩子实现CSRF保护,包括禁用内置检查、创建自定义中间件、集成到SvelteKit钩子中以及测试中间件。通过明确允许的路径和来源,可以有效防止CSRF攻击,同时支持合法的跨域使用。

🔐 使用自定义钩子保护您的 SvelteKit 应用免受 CSRF 攻击

DEV Community DEV Community · 2025-03-09T16:24:46Z
教程 - 使用 SvelteKit 和 TailwindCSS 创建个人网站

我使用Svelte(kit)、Tailwind CSS和Daisy UI完成了个人作品集和博客网站,并将其部署在Cloudflare Workers上。代码开源,并提供了详细教程,帮助他人构建类似网站。

教程 - 使用 SvelteKit 和 TailwindCSS 创建个人网站

DEV Community DEV Community · 2025-03-09T12:54:42Z
介绍 shadcn-sveltekit-landing-page:基于 SvelteKit 和 Shadcn 的现代着陆页模板

我开发了一个现代响应式着陆页模板shadcn-sveltekit-landing-page,基于SvelteKit、Shadcn UI、TypeScript和Tailwind CSS。该模板易于定制,包含导航栏、英雄区、服务展示等部分,支持深色模式和SEO优化,适合初创企业和开发者。

介绍 shadcn-sveltekit-landing-page:基于 SvelteKit 和 Shadcn 的现代着陆页模板

DEV Community DEV Community · 2025-03-03T05:07:48Z
在SvelteKit中共享自定义Rune类

在Svelte 5 Runes中,可以通过自定义类添加功能并共享。示例中定义了一个计数器类,利用SvelteKit的上下文在父子组件间安全共享。

在SvelteKit中共享自定义Rune类

DEV Community DEV Community · 2025-02-26T01:14:54Z
使用NodeJS、Python、SvelteKit和TailwindCSS构建AI驱动的财务行为分析器 - 第3部分:交易

本文介绍了如何在Node.js和Python环境中构建AI驱动的财务行为分析器,重点包括交易管理API的开发、文件解析器的创建、MongoDB模型的定义及交易服务的业务逻辑,最后提供了控制器和路由配置。

使用NodeJS、Python、SvelteKit和TailwindCSS构建AI驱动的财务行为分析器 - 第3部分:交易

DEV Community DEV Community · 2025-02-06T20:01:16Z
使用NodeJS、Python、SvelteKit和TailwindCSS构建AI驱动的金融行为分析器 - 第二部分:GitHub OAuth

文章介绍了如何使用Node.js和Express.js构建AI驱动的金融行为分析器后端服务,选择MongoDB作为数据库,详细说明了项目结构、依赖项安装、OAuth认证系统的实现及与MongoDB和Redis的连接,最后展示了Express服务器和身份验证路由的设置。

使用NodeJS、Python、SvelteKit和TailwindCSS构建AI驱动的金融行为分析器 - 第二部分:GitHub OAuth

DEV Community DEV Community · 2025-02-05T18:22:53Z
如何将SvelteKit应用容器化

本文介绍了如何将SvelteKit应用容器化以便于部署和管理。首先安装adapter-node并修改配置文件,然后创建Dockerfile以构建和运行应用,采用多阶段构建以减小镜像大小。在处理环境变量时需注意平台差异,并设置健康检查和内存限制以确保生产环境稳定。

如何将SvelteKit应用容器化

DEV Community DEV Community · 2025-01-19T03:05:08Z
通过brotli压缩优化SvelteKit性能

本文介绍了如何在使用nginx的SvelteKit静态应用中启用brotli压缩。通过在svelte.config.js中设置precompress: true,可以在构建时压缩资源。同时,需要安装ngx_brotli模块并修改nginx.conf以支持brotli压缩。

通过brotli压缩优化SvelteKit性能

DEV Community DEV Community · 2025-01-12T12:34:20Z
  • <<
  • <
  • 1 (current)
  • 2
  • >
  • >>
👤 个人中心
在公众号发送验证码完成验证
登录验证
在本设备完成一次验证即可继续使用

完成下面两步后,将自动完成登录并继续当前操作。

1 关注公众号
小红花技术领袖公众号二维码
小红花技术领袖
如果当前 App 无法识别二维码,请在微信搜索并关注该公众号
2 发送验证码
在公众号对话中发送下面 4 位验证码
小红花技术领袖俱乐部
小红花·文摘:汇聚分发优质内容
小红花技术领袖俱乐部
Copyright © 2021-
粤ICP备2022094092号-1
公众号 小红花技术领袖俱乐部公众号二维码
视频号 小红花技术领袖俱乐部视频号二维码