小红花·文摘
  • 首页
  • 广场
  • 排行榜🏆
  • 直播
  • FAQ
Dify.AI
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
将SvelteKit与Storyblok集成(使用Svelte 5)

本指南介绍如何将SvelteKit与Storyblok CMS集成,以创建动态网页应用。主要步骤包括使用Bun设置SvelteKit项目、安装Storyblok Svelte SDK、加载动态数据以及创建可重用的前端组件。同时,通过配置HTTPS和环境变量,确保与Storyblok的无缝连接,实现内容管理和渲染。

将SvelteKit与Storyblok集成(使用Svelte 5)

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

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

1 关注公众号
小红花技术领袖公众号二维码
小红花技术领袖
如果当前 App 无法识别二维码,请在微信搜索并关注该公众号
2 发送验证码
在公众号对话中发送下面 4 位验证码
友情链接: MOGE.AI 九胧科技 模力方舟 Gitee AI 菜鸟教程 Remio.AI DeekSeek连连 53AI 神龙海外代理IP IPIPGO全球代理IP 东波哥的博客 匡优考试在线考试系统 开源服务指南 蓝莺IM Solo 独立开发者社区 AI酷站导航 极客Fun 我爱水煮鱼 周报生成器 He3.app 简单简历 白鲸出海 T沙龙 职友集 TechParty 蟒周刊 Best AI Music Generator

小红花技术领袖俱乐部
小红花·文摘:汇聚分发优质内容
小红花技术领袖俱乐部
Copyright © 2021-
粤ICP备2022094092号-1
公众号 小红花技术领袖俱乐部公众号二维码
视频号 小红花技术领袖俱乐部视频号二维码