#Deno #Deno_Deploy #Preact #Tailwind_CSS #Twind[** 概要][https://github.com/denoland/fresh Fresh]は[Deno]公式のWebフレームワークです。[Deno Deploy]で動作させることにより、エッジサーバ上での[SSR]などを提供します[Preact]コンポーネントの[SSR]や [Next.js]ライクなファイルシステムルーティングをサポートします

#Fresh #Deno[** はじめに][Fresh]に関する概要などについては、[Fresh]を参照ください🙇‍♂️[** プロジェクトの初期化]`init.ts`を実行すると、プロジェクトが作成されます

#Node.js #Deno #Bun #TypeScript #フロントエンド[** はじめに][Deno]や[Bun]などの登場により、どのランタイムを使うべきなのかに関する意見や疑問などを見かける機会が増えてきたような気がしましたこのページでは、各ランタイムへの個人的な印象や意見などについてまとめてみます私の考えとして、以下のような立場で意見をまとめています

#フロントエンドフレームワーク #フロントエンド[** 要約][Deno]公式から[Fresh]というフレームワークが提供されており、[Deno Deploy]向けにWebアプリケーションやWebサイトなどを開発する際の選択肢の一つとして良さそうです[Deno]では[npm]パッケージが動作するため、[Node.js]製のフレームワークも動作する可能性があります ([Denoのnpmパッケージサポート])

#フロントエンド[** 概要][https://jasonformat.com/islands-architecture/ Islands Architecture]によると、概ね以下のようなアイデアを指すようです1. [SSR]などによってサーバーでレンダリングされた[HTML]の中にクライアント側(ブラウザー)において動的または対話的な振る舞いが必要な箇所([/ dynamic region][/ ※])に対して[/ placeholder](または[/ slot])を配置しておく

#Nitro #Vite #SSR #React #Solid.js #OpenAPI #MDX[https://github.com/nksaraf/vinxi]

#TanStack #Vinxi #Vite #SSR[https://tanstack.com/start] - [/ Full-document [SSR], Streaming, Server Functions, bundling and more, powered by TanStack Router, [Vinxi], and [Vite]. Ready to deploy to your favorite hosting provide

#SSR #React #Vercel[[パッケージ]][https://github.com/tatethurston/nextjs-routes] - [/ Type safe routing for Next.js][https://github.com/sainsburys-tech/next-logger next-logger][https://github.com/ryanto/next-s3-upload next-s3-upload]

#Deno[** はじめに][Deno]におけるWebアプリケーションフレームワークについてまとめています[Denoのnpmパッケージサポート]により、[Node.js]製のフレームワークも[Deno]で動かせる場合があります ([Node.jsのWebアプリケーションフレームワーク])[** フレームワーク]

#Deno #Preact #Fresh #JSX #TypeScript #hono/jsx #JSX_transform[** [precompiled JSX transform]とは][Deno]では独自に`compilerOptions.jsx`で`precompile`というオプションをサポートしています。([https://uki00a.github.io/deno-weekly/articles/deno/v1.38 v1.38])

#Fresh #Deno[[はじめに]]本来、[Fresh]は主に[SSR]や[Island Architecture]などを活用して動的なサイトやサービスを開発することを想定したフレームワークです。ただ、少し工夫をすると、静的なWebページを作れるのではないかと思い、試してみました。最終的に作ったサイトについては[https://uki00a.github.io/awesome-fresh/ こちら]になります。([awesome-fresh])

#Sveltehttps://kit.svelte.dev/[** ディレクトリ構成]`src/lib` - 共通のライブラリコードを配置するディレクトリで、ここに置いたモジュールは`$lib`経由で`import`可能`src/lib/server` - サーバでのみ利用したいコードを置くディレクトリで、`$lib/server`経由で`import`可能

#Aleph.js[** [Aleph.js]とは?]https://github.com/postui/aleph.js[Aleph.js]は[Next.js]に影響を受けた[Deno]のフレームワークです[[特徴]]

#Deno #React #SSR[[概要]]https://github.com/alephjs/aleph.js[Deno]で実装された[React]フレームワーク[Vue.js]などのフレームワークもサポートされています ([https://github.com/alephjs/aleph.js/tree/main/examples/vue-app examples/vue-app])

#Solid.js #SSR #SSG #Deno #Cloudflare_Workers #Netlifyhttps://github.com/solidjs/solid-start

#SSR #Denohttps://github.com/AaronO/nanossr[Nano JSX]と[Twind]のラッパーライブラリ[WinterCG]の[https://github.com/wintercg/www Webサイト]で使われています[crux.land]で配信されてます