[備忘録]初の Nuxt マイナーバージョンアップ（v3.16.2 -> v3.17.5）を乗り越えて #Nuxt3 業務で Nuxt のマイナーバージョンアップを経験した際に、「良かったこと」と「反省点」があったため、この記事で振り返りたいと思います。 本記事は Nuxt v3.16.2 から v3.17.5 へのバージョンアップに関する内容です。これから同様の作業に取り組む方の参考になれば幸いです！ 実際に行ったこと 起きた問題点 良かったこと 反省点 まとめ 今回の Nuxt バージョンアップでは、大まかに以下の手順で作業を進めました。 恥ずかしい話、2 度のリリース見送り対応を行なっています。 Nuxt 本体と依存パッケージのリリースノートを確認 バージョンアップ対象のバージョンで報告されている issue を確認 依存関係を更新し、ローカル環境および開発環境で動作確認 動作確認 リリース（1回目） 切り戻し 調査（リリースノート / issue の再確認） 修正 リリース前にメモリ逼迫が確認され、リリース見送り（2回目） 調査 修正 リリース 結論から言うと、原因は Nuxt v3.17.4 以降で発生していたメモリリーク問題でした。 Nuxt v3.17.0 の大きな変更点として、 useAsyncData のキャッシュ戦略見直しがありました。そのため、当初は自社サービス内の useAsyncData の key の見直しやキャッシュの無効化といった対応に注力してしまい、関連 issue の発見が遅れてしまいました。 今思うと視野が狭くなっていたと反省しています。 反省点の多い対応にはなりましたが、良かったこともあったのでまとめます。 NotebookLM を活用したこと 今回のバージョンアップでは、リリースノートの確認に NotebookLM を活用しました。

[備忘録]初の Nuxt マイナーバージョンアップ（v3.16.2 -> v3.17.5）を乗り越えて #Nuxt3

業務で Nuxt のマイナーバージョンアップを経験した際に、「良かったこと」と「反省点」があったため、この記事で振り返りたいと思います。 本記事は Nuxt v3.16.2 から v3.17.5 へのバージョンアップに関する内容です。これから同様の作業に取り組む方の参考になれば幸いです！ 実際に行ったこと 起きた問題点 良かったこと 反省点 まとめ 今回の Nuxt バージョンアップでは、大まかに以下の手順で作業を進めました。 恥ずかしい話、2…

I've recently motivated myself to check out what it looks like to work with NUXT3

How I've (kind of) migrated my #website to #nuxt3: lukaszkups.net/notes/i-have...

#vuejs #vue #js #javascript #webdev #programming

I've been recreating my current website in #nuxt3 just to learn a tool and eventually make a switch into something bigger than my homemade static site generator..
But when I've seen the HTML output structure I've become like: "Nah, I'm okay with my little toy solution for now" 😅

Playing around new website ideas 🤔 (dark/bright version)

#portfolio #webdev #webdeveloper #webdevelopment #nuxt #nuxt3

Finally forced myself to make a progress with my personal website refresh & migration to #nuxt3 🙌 🔥
The biggest pain was to keep my content storage logic and url generation still compatible to all existing links I've pasted over the web - but finally made it! 💪
#webdev #vue #webdeveloper #vue3 #nuxt

Nuxt 2 to Nuxt 3 Migration - Why Now and How to Succeed | Coditive Discover why migrating from Nuxt 2 to Nuxt 3 is vital for security, performance, and growth. Expert tips and insights for a seamless migration process.

Nuxt 2 reached end of life in June 2024.
If you still not migrated to Nuxt 3 this means 8 months with no security updates & modern features.
See how we did the migration and why you should too: coditive.com/blog/nuxt-2-... #Nuxt3

Stewart Smith Stewart creates virtual reality, quantum circuit simulations, and more in Brooklyn, New York.

Thanks! Very kind of you.

As far as tools; there’s a colophon in the footer with some context: stewartsmith.io#colophon

Foundation is #Nuxt3 + #Vue3, with #Directus as a headless CMS. Everything else is just me code riffing. (Modern #CSS is amazing—no need for any preprocessors!)

nuxt.config.ts export default defineNuxtConfig({ runtimeConfig: { apiSecret: "devSecret", // Hardcoded for development public: { apiBase: "http://localhost:3000/api", // Hardcoded for development }, }, }) Production Set environment variables: NUXT_API_SECRET=prodSecret NUXT_PUBLIC_API_BASE=https://api.example.com Access values in app: const config = useRuntimeConfig() console.log(config.apiSecret) // Logs "prodSecret" in production console.log(config.public.apiBase) // Logs "https://api.example.com" in production

Nuxt 3 Runtime Config Insight 🚀

Hardcode dev secrets in runtimeConfig—Nuxt replaces them with production env vars automatically. Example: apiSecret: "devSecret" is replaced by NUXT_API_SECRET in production.

#Nuxt3 #WebDevTips #Coding

Nuxt3 × Vuetify で Storybook 代替のUIカタログ「Histoire」を使う ＋自動生成ツール作りました

Nuxt3 × Vuetify で Storybook 代替のUIカタログ「Histoire」を使用する件について記事に致しましたのでご査収ください。
Storyの自動生成ツールも作成しました。

#nuxt3 #vuetify #histoire
zenn.dev/tanukikyo/ar...

Explore the new mark-a-spot.com! ✨ Fresh logo, revamped look, all driven by #Nuxt3 and #Tailwind. Considering it as my go-to frontend tech for #Drupal projects.

GitHub - skribascode/Nuxt3-starter: Nuxt 3 starter with Firebase authentication Google and email/pas... Nuxt 3 starter with Firebase authentication Google and email/password - GitHub - skribascode/Nuxt3-starter: Nuxt 3 starter with Firebase authentication Google and email/password

Hi,

Just a share my #Nuxt3 Starter here :

github.com/skribascode/...

The authentication work with #Firebase, Google auth and Email/Password.

Simple UX with #Tailwindcss

Release v3.0.0-rc.14 · nuxt/framework Note This is the last release candidate for Nuxt v3! Are you ready? 👀 👉 Release Discussion Changelog compare changes ⚠️ Breaking Changes cli: Setup nuxt globally with nuxt test (#4578) nuxt: On...

Last release before launch !! 🚀
#nuxt3
github.com/nuxt/framework/releases/...

heu j'ai pas compris comment #nuxt3 génère un site statique ! 🤔 y a que moi ?

very good idea for the doc #Nuxt3 navigate to the folder structure 🤗