GitHub - 47ng/nuqs: Type-safe search params state manager for React frameworks - Like useState, but stored in the URL query string.You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Next.js App Router ã¨æŽ§ãˆã‚ã«ãŠä»˜ãåˆã„ã—ã¦æ™®é€šã® Web アプリをé…ä¿¡ã™ã‚‹ | Offers Tech Blog
ã¾ãšã¯é•·ã„ã‚‚ã®ã«å·»ã‹ã‚ŒãŸã„ã¨ãã‚‚ã‚ã‚‹ Offers ã‚’é‹å–¶ã—ã¦ã„ã‚‹æ ªå¼ä¼šç¤¾ overflow ã® ã‚ã»ã‚€ ã§ã”ã–ã„ã¾ã™ã€‚ 先日 コードベースã®ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªæ§‹æˆã«ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã—ãŸè¨˜äº‹ を公開ã—ãŸé–¢é€£è¨˜äº‹ã¨ã—ã¦ã€Next.js App Router ã‚’ã©ã®ã‚ˆã†ã«å–り扱ã£ã¦ã„ã‚‹ã‹ã«ã¤ã„ã¦ã”紹介ã—ã¾ã™ã€‚ ã€AD?】今回ã®è¨˜äº‹ã®å†…容をå«ã‚“ã ã‚Šå«ã¾ãªã‹ã£ãŸã‚Šã™ã‚‹ã¨æ€ã„ã¾ã™ãŒã€æ¥é€± 2024/01/17(æ°´) 19:20 〜 オンライン開催㮠PWA Night vol.59 ã§ç™ºè¡¨äºˆå®šãªã®ã§èˆˆå‘³ã®ã‚ã‚‹æ–¹ã¯ãœã²ã€‚（終了済ã¿ï¼‰ 下記ã¯æœ¬è¨˜äº‹ã®å†…容をå«ã‚€ã‚¤ãƒ™ãƒ³ãƒˆç™ºè¡¨è³‡æ–™ã§ã™ã€‚ã”å‚考ã¾ã§ã«ã€‚ 今回ã®å‰æ å‰å›žè¨˜äº‹ ã®å¼•ç”¨ã§ã™ãŒä»Šå›žã‚‚åŒæ§˜ã§ã™ã€‚ 最終目標ã¯å˜ä½“事æ¥ã§ã‚ã‚Šã¤ã¤å®Ÿè³ªãƒžãƒ«ãƒãƒ—ãƒãƒ€ã‚¯ãƒˆãªç”»é¢ç¾¤ã®ãƒªãƒ—レース クライアントサイドã§ãƒ˜ãƒ“ーãªãƒ“ジãƒã‚¹ãƒã‚¸ãƒƒã‚¯ã‚’æŒã¤å¿…è¦ãŒãªã„ アプリケーション特性ã¨ã—ã¦ã¯ SaaS
Next.js 13 vs Remix: An In-depth case study
Next.js 13 vs Remix: An In-depth case studyLast updated on 29 Sep 2023 by Prateek Surana  •  - min read When it comes to building web applications, React has been at the forefront for a while now, and its adoption continues to grow. Among the most common approaches to building web applications with React, Next.js stands out as one of the most preferred options. Next.js has also been in the limel
Next.jsã®Cacheを網羅ã—ãŸãƒ‰ã‚ュメントã®å…¬é–‹ãªã© : Cybozu Frontend Weekly (2023-08-01å·)
Next.jsã®Cacheを網羅ã—ãŸãƒ‰ã‚ュメントã®å…¬é–‹ãªã© : Cybozu Frontend Weekly (2023-08-01å·) ã“ã‚“ã«ã¡ã¯ï¼ã‚µã‚¤ãƒœã‚¦ã‚ºæ ªå¼ä¼šç¤¾ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ã‚スパートãƒãƒ¼ãƒ ã® @nus3_ ã§ã™ã€‚ ã¯ã˜ã‚㫠サイボウズã§ã¯æ¯Žé€±ç«æ›œæ—¥ã« Frontend Weekly ã¨ã„ã†ã€Œ1 週間ã®é–“ã«ã‚ã£ãŸãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒ‹ãƒ¥ãƒ¼ã‚¹ã‚’共有ã™ã‚‹ä¼šã€ã‚’社内ã§é–‹å‚¬ã—ã¦ã„ã¾ã™ã€‚ 今回ã¯ã€2023/08/01 ã® Frontend Weekly ã§å–り上ã’ãŸè¨˜äº‹ã‚„話題を紹介ã—ã¾ã™ã€‚ How React 18 Improves Application Performance – Vercel React18ã§æ–°ã—ãå°Žå…¥ã•ã‚ŒãŸTransitionsã€Suspenseã€React Server Componentsãªã©ã‚’パフォーマンスã®è¦³ç‚¹ã‹ã‚‰è§£èª¬ã—ã¦ã„ã¾ã™ã€‚React17以å‰ã¨React18
GitHub Actionsã§PRã”ã¨ã«Next.jsã®ã‚¢ãƒ—リケーションをCloud Runã¸ãƒ‡ãƒ—ãƒã‚¤ã™ã‚‹æ–¹æ³• - Cybozu Inside Out | サイボウズエンジニアã®ãƒ–ãƒã‚°
ã“ã‚“ã«ã¡ã¯ã€‚æ–°è¦IAMプãƒãƒ€ã‚¯ãƒˆã§ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¢ãƒ¼ã‚テクトを担当ã—ã¦ã„ã‚‹@shisama_ã§ã™ã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€é–‹ç™ºã‚¹ãƒ”ードを上ã’ã‚‹ãŸã‚ã«GitHub Actionsを使ã£ã¦ãƒ—ルリクエストã”ã¨ã«ãƒ¬ãƒ“ュー用ã®æ¤œè¨¼ç’°å¢ƒã‚’Google Cloud Run（以下ã€Cloud Run）ã«æ§‹ç¯‰ã™ã‚‹ä»•çµ„ã¿ã«ã¤ã„ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ 今回紹介ã™ã‚‹å†…容ã®ã‚µãƒ³ãƒ—ルã®ãƒªãƒã‚¸ãƒˆãƒªã¯ã“ã¡ã‚‰ã«ãªã‚Šã¾ã™ã€‚ github.com ã“ã®ä»•çµ„ã¿ã¯æ¥å‹™å§”託ã§ãŠæ‰‹ä¼ã„ã„ãŸã ã„ã¦ã„ãŸ@chimame_rtã•ã‚“ãŒè€ƒæ¡ˆã—è¨è¨ˆã—ã¦ãã‚Œã¾ã—㟠👠ã¯ã˜ã‚㫠フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒãƒ¼ãƒ ãŒæŠ±ãˆã¦ã„ãŸèª²é¡Œ プルリクエストã”ã¨ã« Cloud Run ã«æ¤œè¨¼ç’°å¢ƒã‚’構築ã™ã‚‹ Step 1. プルリクエストã«ãƒ©ãƒ™ãƒ«ã‚’é©ç”¨ã—㦠GitHub Actions ã‚’èµ·å‹• Step 2. Next.js ã®ãƒ“ルド Step 3. Google Cloud ã®èªè¨¼ Ste
Firebase CLIã®Next.jsデプãƒã‚¤å¯¾å¿œã«ã¤ã„ã¦èª¿ã¹ã‚‹
Firebase HostingãŒNext.jsã®ãƒ‡ãƒ—ãƒã‚¤ã«å¯¾å¿œã—ãŸ[1] ã¨èžãã¤ã‘ã€Next.jsビルドツール好ã[2] [3] ãªã®ã§æ§˜åを見ã¦ãã¾ã—ãŸã€‚ ã®ãƒªãƒã‚¸ãƒˆãƒªã‚’ä¸å¿ƒã«èª¿ã¹ã¦ã¿ã¾ã™ã€‚ Firebase CLI framework-awareness ã¨ã¯ フレームワークサãƒãƒ¼ãƒˆã‚’付与ã™ã‚‹ãŸã‚ã®Firebase CLI ã®ã‚¢ãƒ‰ã‚ªãƒ³ã€‚ Firebaseプãƒã‚¸ã‚§ã‚¯ãƒˆã®æ§‹æˆã«å¿œã˜ã¦ã€Google Cloudã®ãƒªã‚½ãƒ¼ã‚¹ã‚’構築ã™ã‚‹ã€‚ ç¾åœ¨Next, Nuxt2/3, Angularをサãƒãƒ¼ãƒˆã—ã¦ã„ã¦Cloud Functionsã«ã“ã‚Œã‹ã‚‰ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワーク機能をサãƒãƒ¼ãƒˆã™ã‚‹ã‚¨ãƒ³ãƒ‰ãƒã‚¤ãƒ³ãƒˆã‚’自動ã§ãƒ‡ãƒ—ãƒã‚¤ã—ã¦ãれる。 内部アーã‚テクãƒãƒ£ next export 㧠.next/ ディレクトリãŒã§ãã‚‹ firebase-frameworks.build() ãŒãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆæ§‹é€ を解æžã—ã¦ãƒ•ãƒ¬ãƒ¼ãƒ
より速ㄠWEB を目指㙠Next.js / nextjs-make-the-web-faster
ã€Next.js Update!】v12リリースをè¸ã¾ãˆã€Next.jsã®æŽ¡ç”¨ã‚’考ãˆã‚‹ 本発表ã¯ä»¥ä¸‹URLã§ã‚¢ãƒ¼ã‚«ã‚¤ãƒ–視è´ãŒå¯èƒ½ã§ã™ã€‚https://youtu.be/KaS3bgz_CA4 イベントページ：https://forkwell.connpass.com/event/228457/
Migrating Notion's marketing site to Next.js
One of the most challenging aspects of being an engineer is knowing when to introduce abstractions and when to keep things simple. How many times have you invested time in building a scalable system up front, planning for growth that never comes to fruition? We're certainly no stranger to this age-old engineering dilemma. At the end of 2020, however, we decided the time had come to invest in scala
Host a Next.js SSR app with real-time data on AWS Amplify | Amazon Web Services
Front-End Web & Mobile Host a Next.js SSR app with real-time data on AWS Amplify UPDATE: Amplify Hosting now supports Next.js 12 and 13. Please visit our new launch blog to learn more. Today, AWS Amplify Hosting announced support for continuously deploying server-side rendering (SSR) apps built with Next.js. With this launch, AWS Amplify CI/CD and Hosting allows you to deploy hybrid Next.js apps t
Serverless Next.js Component ã®ISR実装をèªã¿è§£ã
AWS Amplify Consoleã§Next.jsã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’デプãƒã‚¤ã™ã‚‹ã¨ Serverless Next.js Component ã®ã‚¤ãƒ³ãƒ†ã‚°ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã«ã‚ˆã£ã¦AWS Lambda リソースãŒæœ€å¤§4ã¤ä½œæˆã•ã‚Œã‚‹(ソースコードã¯ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆã§ãã‚‹) Default Lambda@Edge for Next CloudFront distribution API Lambda@Edge for Next CloudFront distribution Image Lambda@Edge for Next CloudFront distribution Next.js Regeneration Lambda ãã‚Œãžã‚Œã®AWS LambdaãŒè¡Œã£ã¦ã„ã‚‹ã“ã¨ã‚’èªã¿è§£ãã¨VercelãŒè‡ªç¤¾ã§æ§‹æˆã—ã¦ã„るシステムã®å¤–観ãŒåˆ†ã‹ã‚‹ã®ã§ã¯ãªã„ã‹ã¨æ€ã£ã¦çœºã‚ã¦ã¿ãŸ (CloudFrontã®ã‚³ãƒ³ã‚½ãƒ¼ãƒ«
AWS Amplifyã§Next.jsã®ISRを試ã—ã¦ã¿ã‚‹ | DevelopersIO
ã¾ãˆãŒã AWS Amplifyã§ã¤ã„ã«Next.jsã®ISRã«å¯¾å¿œã—ãŸã‚ˆã†ã§ã™ã€‚実際ã«ã‚„ã£ã¦ã¿ã‚‹ã€‚ Deploy and host server-side rendered apps with Amplify - AWS Amplify å°‘ã—ãƒãƒžã£ãŸã®ã§å‚™å¿˜éŒ²ã‚‚å…¼ãã¦ã€‚ Amplify + Next.jsをデプãƒã‚¤ Next.jsã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’ä½œæˆ yarn create next-app --typescript ✔ What is your project named? … next-sample-app Next.jsã«ISRã®ãƒšãƒ¼ã‚¸ã‚’ä½œæˆ ã‚µãƒ³ãƒ—ãƒ«ã§ISRã®ãƒšãƒ¼ã‚¸ã‚’æ–°è¦ä½œæˆã—ã¾ã™ã€‚ç°¡å˜ã«ã‚¿ã‚¤ãƒ スタンプを表示ã—ã€5秒間ã‚ャッシュã™ã‚‹ã‚ˆã†ã«ã—ã¾ã™ã€‚ import Head from 'next/head' import styles from '../styles/Home.mod
Incremental static regeneration by kirkness · Pull Request #1028 · serverless-nextjs/serverless-next.js
Adds Incremental Static Regeneration! Related issues #804 #995 Add unit tests for regeneration logic Test assumptions around how rollup.js bundles dynamic imports as per @dphang's comment Add e2e tests for ISR fallbacks Setup deployment of infra via serverless Add e2e tests Make code for ISR possible to be agnostic to the provider as per @dphang's comments Only pass what's needed to the queue as p
Get Faster Builds for Large Sites on Netlify: On-demand Builders
Today we’re excited to announce On-demand Builders, a new solution to improve build times for large sites on Netlify. Along with the proposal for Distributed Persistent Rendering (DPR), this release represents the first step forward in a significant evolution of the Jamstack architecture to support larger websites and faster development cycles—across any JavaScript framework. Reducing build times
サーãƒã‚µã‚¤ãƒ‰ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã®å°Žå…¥ã‹ã‚‰ç”Ÿã˜ã‚‹SSRF | ã‚»ã‚ュリティブãƒã‚° | 脆弱性診æ–（セã‚ュリティ診æ–）ã®GMOサイãƒãƒ¼ã‚»ã‚ュリティ byイエラエ
オフェンシブセã‚ュリティ部ã®å±±å´Žã§ã™ã€‚サーãƒã‚µã‚¤ãƒ‰ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ï¼ˆSSR）ã®å°Žå…¥ã«ã‚ˆã£ã¦SSRFãŒç™ºç”Ÿã™ã‚‹å•é¡Œã‚’見ã¤ã‘る機会ãŒã‚ã£ãŸãŸã‚ã€æœ¬è¨˜äº‹ã§ã¯å®Ÿä¾‹ã‚’交ãˆãªãŒã‚‰ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ サーãƒã‚µã‚¤ãƒ‰ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ï¼ˆSSR）ã¨ã¯ï¼Ÿ 本記事ã§æ‰±ã†SSRã¨ã¯ã€Œã‚µãƒ¼ãƒä¸Šã§HTMLを出力ã™ã‚‹ã“ã¨ã€ã‚’指ã—ã¦ã„ã¾ã™ã€‚ãŸã ã—erbã‚„jspã®ã‚ˆã†ãªãƒ†ãƒ³ãƒ—レートã‹ã‚‰HTMLを出力ã™ã‚‹ã®ã¨ã¯ç•°ãªã‚Šã€ä¸€èˆ¬çš„ã«ã¯ä»¥ä¸‹ã®ã‚ˆã†ã«ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ï¼ˆCSR）ã®æ–‡è„ˆã§ä½¿ã‚れるã“ã¨ãŒä¸»ã§ã™ã€‚ è¿‘å¹´ã®Vue.jsã‚„Reactを代表ã™ã‚‹ã‚ˆã†ãªWebフãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒ•ãƒ¬ãƒ¼ãƒ ワークã¯ãƒ–ラウザ上ã§å‹•çš„ã«DOMツリーを構築ã—ã¦ç”»é¢ã‚’æ画（CSR）ã™ã‚‹ã®ãŒä¸»æµã¨ãªã£ã¦ã„ã¾ã™ã€‚ã“ã‚Œã«ã‚ˆã£ã¦ãƒšãƒ¼ã‚¸é·ç§»ã‚’挟ã¾ãšãƒ¦ãƒ¼ã‚¶ä½“験ã®ã‚ˆã„シングルページアプリケーション（SPA）ãŒä½œã‚‹ã“ã¨ãŒã§ãã‚‹ã¨ã„ã†ãƒ¡ãƒªãƒƒãƒˆãŒã‚ã‚Šã¾ã™ã€‚ ãŸã ã€å˜ç´”ãªSPAã«ã¯ãƒ‡ãƒ¡
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
SPAã®æ´å²ã¨Remix SPAモードã¨ã„ã†åˆ°é”点 / the SPA's chronicle reaches to remix
perf: replace zod with superstruct by feedthejim · Pull Request #56083 · vercel/next.js
GitHub - ianstormtaylor/superstruct: A simple and composable way to validate data in JavaScript (and TypeScript).
GitHub - rakkasjs/rakkasjs: Bleeding-edge React framework powered by Vite
Startup Landing Templates
feat(next/image): remove `sharp` for wasm variant by Timer · Pull Request #22253 · vercel/next.js
{{#tags}}- {{label}}
{{/tags}}