Next.jsのsearchParamsはas stringせずに必ずバリデーションしてくれ。またはvalibotのちょいテクニック

2024/11/18 21 users undefined String Promise テクニック

Next.jsのsearchParamsの型問題 Next.jsのsearchParamsの型は少々厄介です。searchParamsのドキュメントでは次のように型定義が記載されています。 export default async function Page({ searchParams, }: { searchParams: Promise<{ [key: string]: string | string[] | undefined }>; }) { const filters = (await se... 続きを読む

Valibot Schema Driven UI - ユーザーがノーコードで自由に UI を組み立てられるエディタを Next.js と Valibot で構築する - ROUTE06 Tech Blog

2024/09/26 8 users WebFlow Studio エディタ プログラミング 民主化

近年 Bubble や Webflow、日本だと STUDIO などのノーコードプラットフォームが注目を集めています。これらのツールは、プログラミングの知識がなくてもユーザーが思い思いの UI を構築できる機能を提供し、アプリケーション開発の民主化に貢献しています。 このようなノーコードでユーザーが自由に UI を組み立てる仕組... 続きを読む

Valibot と同じ作者のフォームライブラリ Modular Forms を試してみた - JMDC TECH BLOG

2023/12/23 5 users 作者 JMDC TECH BLOG

はじめに こんにちは。株式会社 JMDC の川根です。 プロダクト開発部で製薬企業向けサービスの web フロントエンドの設計・開発を担当しています。 本記事は、JMDC Advent Calendar 2023 23 日目の記事です。 qiita.com 現在、上記サービスのフロントエンドの堅牢性やメンテナビリティを向上させるため、リアーキテクト... 続きを読む