#nuxt3

@inmobi-info.bsky.social

8 months ago

[備忘録]初の 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…

1 0 0 0

lukaszkups

@lukaszkups.bsky.social

9 months ago

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

0 0 0 0

lukaszkups

@lukaszkups.bsky.social

9 months ago

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" 😅

0 0 0 0

lukaszkups

@lukaszkups.bsky.social

10 months ago

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

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

1 0 1 0

lukaszkups

@lukaszkups.bsky.social

10 months ago

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

0 0 0 0

coditive

@coditive.bsky.social

1 year ago

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

0 0 1 0

Stewart

@stewartsmith.bsky.social

1 year ago

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!)

2 0 1 0

Rogue Ninja Creative

@rogueninja.com

1 year ago

$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.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

0 0 0 0

こう@たぬき教祖

@daldalshi.bsky.social

1 year ago

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

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

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

1 0 0 0

Holger Kreis

@markaspot.bsky.social

2 years ago

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.

0 0 1 0

Skribascode

@skribascode.bsky.social

2 years ago

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