コンテンツ管理

looking forward to this! ❤️

Given the feedback, we decided to move forward and start verifying maintainers and projects in the npm ecosystem. Later on, large ecosystem projects could also become verifiers for their communities. Reach out if you're interested in these conversations! Here are the first 100+ verifications 🩷

【Nuxt】Nuxtで全ページ共通のCSSを読み込む方法 Nuxt では、全ページ共通で読み込みたい CSS を `nuxt.config.ts` の `css` に指定できます。 例えば、以下のように設定します。 ```ts // nuxt.config.ts export default defineNuxtConfig({ css: [ '~/assets/css/main.css' ] }) ``` ディレクトリ構成は以下のようになります。 ```text assets/ css/ main.css ``` `main.css` には、アプリ全体で使いたいスタイルを定義します。 ```css /* assets/css/main.css */ body { margin: 0; font-family: sans-serif; } .meo-btn { border-radius: 999px; } ``` コンポーネント内の `<style scoped>` はそのコンポーネント限定、`nuxt.config.ts` の css はアプリ全体に効く、という使い分けです。 このコンポーネ...

But in Vue, if you want the very best, use Pinia Colada 🍹

I think so … coffee and tea count too, right? roe.dev/ama #ama

of course Norway is cooler 😐 (evidence in next post) but in honesty, I would really like to visit and judge for myself roe.dev/ama #ama

absolutely! in general, Nuxt tries to provide good defaults while allowing full customisation data fetching is something we provide simple core utils for because it deeply integrates with server ➡️ client consistency … but you can easily pick a data paradigm that fits you better. roe.dev/ama #ama

登録不要・回数無制限の無料ファイルツールを121個作った話(画像・テキスト系は完全ブラウザ内処理) PDF を2つ結合するだけで月額課金、画像1枚の圧縮で会員登録……にうんざりして、ブラウザだけで完結する無料ツール集 Filuni を作りました。12カテゴリ・121ツール、日本語UIあり。登録不要・回数無制限・透かしなしです。 設計方針: できる限りブラウザ内で処理する ファイルツールで一番気になるのは「アップロードしたファイルがどう扱われるか」だと思います。Filuni では: 画像・テキスト・JSON系ツールは Canvas API / Web Workers で 100% クライアントサイド処理。ファイルはサーバーに送信されません 動画・音声変換はサーバーサイド FFmpe...

Directus v12 is now generally available! • Native draft and publishing workflow • AI translations for enterprise content ops • JSON filtering support • Connect AI agents and LLMs via MCP OAuth 2.1 • And a good ol' fashioned UI refresh Learn more: directus.com/resources/v...

brb starting a group chat for every possible combination of my friends (thought about doing permutations but I'm not sure you can rank members...)

登録不要・完全無料のオンラインファイルツール121個を個人開発した（PDF・画像・動画・開発者ツール） ## はじめに PDFを2つ結合したいだけなのに月額課金、画像を1枚圧縮するだけで会員登録……という体験に疲れて、ブラウザだけで完結する無料ツール集 [Filuni](https://www.filuni.com/ja) を個人開発しました。 121個のツールを12カテゴリで提供しています。登録不要・回数制限なし・透かしなし、日本語UI対応です。 ## ツール一覧（拜粋） **開発者向け** - JWTデコーダー / JSON整形・検証・Diff / UUID一括生成 - 正規表現テスター（リアルタイムハイライト） / Cron式ビジュアライザー - cURL→コード変換（fetch/axios/Python） / 進数変換 / CIDRサブネット計算機 - コード整形（HTML/CSS/JS/SQL） **ファイル処理** - PDF: 結合・分割・圧縮・Word/Excel/画像変換・透かし・ページ番号 - Office: Word/Excel/PPT/HTML/Markdown/CSV → PDF - 画像: 圧縮・リサイズ・切り抜き・形式変換・QRコード・EXIF...

My @sli.dev plugin for @jetbrains.com IDEs is live (alpha). Auto-detects your slides.md, manages the dev server, completion in the editor, live preview, navigation to imported slides, syntax highlight for magic-move, quick docs for front matter... plugins.jetbrains.com/plugin/32201...

The latest version of unjs/nypm now auto-detects Aube (by @jdx.dev). 🌈 nypm can be used for automated tasks while respecting the user's package manager. npm, pnpm, Yarn, Bun, Deno, and Aube are now all supported through a unified/compact API. - github.com/unjs/nypm - aube.jdx.dev

For stable releases, please refer to [CHANGELOG.md](https://github.com/vuejs/core/blob/main/CHANGELOG.md) for details. For pre-releases, please refer to [CHANGELOG.md](https://github.com/vuejs/core/blob/minor/CHANGELOG.md) of the `minor` branch.

For stable releases, please refer to [CHANGELOG.md](https://github.com/vuejs/core/blob/main/CHANGELOG.md) for details. For pre-releases, please refer to [CHANGELOG.md](https://github.com/vuejs/core/blob/minor/CHANGELOG.md) of the `minor` branch.

We've started by verifying npmx maintainers. Log in to mu.social to see the verified badges! We'd like to discuss the best strategy for our communities with OSS maintainers. Should all large enough OSS projects be verifiers? Or would it be better for a few orgs/foundations to take on the task?

For stable releases, please refer to [CHANGELOG.md](https://github.com/vuejs/core/blob/main/CHANGELOG.md) for details. For pre-releases, please refer to [CHANGELOG.md](https://github.com/vuejs/core/blob/minor/CHANGELOG.md) of the `minor` branch.

Vite+Vue3のSPAをGitHub Pagesで公開する Vue3の練習として、すべて無料のAPIを使って天気予報Webアプリを作成しました。 SPAでサーバーサイドのない簡単なアプリなので、GitHub Pagesでさくっと公開してしまおうと思ったところ、少々詰まったので備忘録として書いておきます。 :::note warn この記事は2026年6月11日時点の情報です。 ::: ## 手順 1. Vite+Vue3を使ってプロジェクトを作成する 2. npm run devでプロジェクトが問題なく動くことを確認する 3. GitHubにリポジトリを「公開」で作成し、リモートリポジトリとしてプロジェクトと紐づける 4. リポジトリ名をプロジェクトの「vite.config.js」「package.json」に記述する 5. npm run buildする 6. GitHubのリポジトリに「node_modules」「dist」フォルダを含めてpushする 7. リポジトリの「Setting」→「Pages」と選択し、「GitHub Actions」を使ってデプロイを設定する 8. 数秒〜数分でデプロイ完了 今回は、詰まった部分である手...

Vueで実際にしてしまった責務分離ミスと直し方4パターン 今回は、Vueのコンポーネント設計で私が実際にやってしまった責務分離のミス4パターンと、その直し方を紹介します。 責務分離とは「親と子のコンポーネントが、それぞれ自分の仕事だけをする」ように書くことです。親は親の役割に、子は子の役割に集中させて、お互いの内部に勝手に手を出さないようにします。 責務分離が出来ていなくてもコードは動くことが多いので見逃しがちでしたが、長く保守できるコードを書くためには大事だと学びました。 軸になるVueのルール Vueではコンポーネント間のデータのやり取り方法が決まっています。 親 → 子: props&lt;!-- 親 --&gt; &lt;Chi...

Frontend Nation 2026 の発表から見る、フロントエンド開発の現在地 Frontend Nation 2026 の発表をまとめて追いかけた。 React、Vue、Angular、Laravel、AIエージェント、テスト、アクセシビリティ、サプライチェーンセキュリティ。テーマはかなり散らばっている。最初は「今年のフロントエンド界隈、話題が多すぎるな」と思いながら見ていた。 でも通して見ると、意外と同じ方向を向いていた。 コードを書く速度は上がった。たぶんこれからも上がる。だからこそ、フロントエンドエンジニアに求められるものは「速く書く力」から、良い制約を置く力、設計する力、検証する力に寄ってきている。 この記事では、学びになりそうなセッションをテーマごとに整...

Nitro v3 260610 has a couple of nice improvements to Vite and prerendering support. It’s getting closer to RC (and Nuxt v5!). github.com/nitrojs/nitr...

if you'd like to do something like this for yourself, let me know 🙏 I'm thinking of building an orm/cms library so you can easily use your own pds as a cms for any project

by this, I mean: I've been using a cms for a long time to store things like: ⚪ #ama questions people ask ⚪ talks I'm planning to give (or have given!) ⚪ my current location (which I track and expose publicly 👀) ...and so on 👉 but atproto means your pds = your data so … why not use it as a cms?

don't forget that there are droves of folks that care and are building towards a better future for everyone, but our comms tools are constantly bombarding us with the worse of humanity instead of celebrating them

there are some new lexicons in my pds

ocache now supports .expire() on cached functions and handlers 🕰️ (available in Nitro v3!) Unlike .invalidate(), it marks the entry stale without evicting it. The cached value keeps being served while a fresh one is fetched in the background. Cool idea by @atinux.com

unjs/env-runner now supports virtual modules across all supported runtimes! No bundler required. This unlocks some exciting new possibilities for Nitro.

🌌 Tales from the Void: Our May 2026 Recap Don't miss out on the news: 🧡 VoidZero is now part of Cloudflare ⚡ Rolldown got its first stable release 🔒 Vite security patches 🧪 Vitest going engine-agnostic 🦀 Oxfmt up to 25% faster 👀 and more from the community Full recap 👇 voidzero.dev/posts/whats-...

Vue経験者がNuxt 4を触って最初に確認したこと はじめに Vue経験者がNuxt 4を触り始めると、最初は「VueにルーティングやSSRが足されたもの」と捉えるかもしれません。 実際、その理解は大きくは外れていません。Vueの知識はそのまま活かせます。 ただし、Nuxtには Nuxt側の規約に沿って使うと理解しやすいポイント があります。 たとえば、次のような点です。 app/ ディレクトリをどう見るか app.vue と pages/ の関係 ファイルベースルーティング layouts/ による共通レイアウト auto-imports の感覚 useFetch / $fetch / useAsyncData の違い ...

There are two ways to resolve the cognitive dissonance of being on Twitter while also caring about all the awful shit happening because of Twitter 1. Leave Twitter 2. Stop caring Profoundly disappointing how many people I like seem to have chosen the latter

@nicr.dev has been verified by @danielroe.dev. ✅

Time to block 30 minutes in your calendar to watch @esm.dev 's talk at MadVue 2026: Type-Safe URLs 📆 This talk was packed with practical knowledge you can implement right away. 🎬 Full video and slides here: https://madvue.es/2026-edition/talks/eduardo-san-martin #madvue #vuejs #techconf

🛫⚡

I've always been interested in tech ... as a kid playing with my dad's laptop-with-printer 🤯 ... checking out linux distros ... 'webmaster' for old-school bulletin boards ... running my first VPS for an IRC bot the amazing thing is that - somehow - my hobby is now my career. roe.dev/ama #ama

Nuxt で Pinia と Nuxt Plugin を活用してナビゲーション履歴管理を実現する はじめに Nuxt（Vue.js）を利用していて、サイト内・サイト外からの遷移の履歴を管理したい、ナビゲーションガード時ではなく、コンポーネントライフサイクルの mount/create Hook 時でも遷移前のページがどこであったかを判定した上で処理を書きたい などの実装に悩んだことはないでしょうか？ それもそのはず、現状 Nuxt 標準の useRouter(), useRoute() や vuejs/router だけでは、そういった実装を実現することはできません。 今回は、その実装方法とともにNuxtでナビゲーション履歴を管理する方法について詳しく深掘って行こうと思います。 ...

Vue 2 UMD コンポーネントのイベントが Vue 3 側に届かなかった話 背景 Vue 2 の共通コンポーネントを UMD bundle として残し、Nuxt 4 / Vue 3 側から読み込む移行をしていました。 最初に作った UMD bridge では、Vue 3 側の wrapper が mount 先だけを用意し、Vue 2 component をその中に mount します。 &lt;template&gt; &lt;span ref="containerRef" /&gt; &lt;/template&gt; setup(props) { const containerRef = ref&lt;HTMLElement | null&gt...

The kind of thing I didn’t know I miss until they told me

meet 'nuxi' 👀 @hugorcd.com has done some phenomenal work on this one 🔥

Meet Nuxi 💚 nuxt.com’s AI assistant now has a name and a face. Sign in with GitHub to unlock: ✨ Saved chats across devices 🌿 Branch conversations 🔗 Public thread sharing 📚 Answers grounded in official docs, modules, and the ecosystem Open with ⌘I or go to /dashboard/chat nuxt.com/blog/meet-nuxi

Nuxt v4.2.0

FigmaデザインをもとにNuxtでWebサイトを制作する【環境構築編】 はじめに Figmaで作成したデザインをもとに、Nuxtを使ってWebサイトを制作していきます。 今回はまず、Nuxtプロジェクトの作成からSCSSの導入、ローカル環境での表示確認までを行います。 最終的には、Vercelにデプロイして公開するところまで進める予定です。 使用技術 今回使用する技術は以下の通りです。 Nuxt Vue TypeScript SCSS Vercel NuxtはVueベースのフレームワークで、ルーティングやSSR、SSGなどが扱いやすく、Webサイト制作にも使いやすいです。 今回はFigmaデザインをもとにした静的なWebサイト制作を想定しています...

I *really* hope this works

> 4.4.8 is a hotfix release to address an issue running the dev server on MacOS. ## 👉 Changelog [compare changes](https://github.com/nuxt/nuxt/compare/v4.4.7...v4.4.8) ### 🩹 Fixes - **vite:** Shorter socket name for macOs with tmp fallback ([#35265](https://github.com/nuxt/nuxt/pull/35265)) - **kit:** Respect `type` option in `findPath` ([#35272](https://github.com/nuxt/nuxt/pull/35272)) - **deps:** Update nuxt/scripts presets ([905621594](https://github.com/nuxt/nuxt/commit/905621594)) - **nuxt:** Revert unhead dependency back to v2 ([e6d578fea](https://github.com/nuxt/nuxt/commit/e6d578fea)) ### 📖 Documentation - Fix many typos ([#35266](https://github.com/nuxt/nuxt/pull/35266)) - Explain static fallback pages ([#35277](https://github.com/nuxt/nuxt/pull/35277)) - Change `null` to `undefined` in data-fetching docs to match actual types ([#35301](https://github.com/nuxt/nuxt/pull/35301)) - Fix broken internal links, useAsyncData watch type, and NuxtError type ([#35303](https://github.com/nuxt/nuxt/pull/35303)) ### ❤️ Contributors - Daniel Roe (@danielroe) - Ali Mahmmoud (@AliMahmoudDev) - Quentin Macq (@quentinmcq) - Pranav Rajeshirke (@Pranav188) - Eduardo San Martin Morote (@posva)

> 3.21.8 is a hotfix release to address an issue running the dev server on MacOS. ## 👉 Changelog [compare changes](https://github.com/nuxt/nuxt/compare/v3.21.7...v3.21.8) ### 🩹 Fixes - **vite:** Shorter socket name for macOs with tmp fallback ([#35265](https://github.com/nuxt/nuxt/pull/35265)) - **kit:** Respect `type` option in `findPath` ([#35272](https://github.com/nuxt/nuxt/pull/35272)) - **deps:** Update nuxt/scripts presets ([ff6b060dd](https://github.com/nuxt/nuxt/commit/ff6b060dd)) ### 📖 Documentation - Change `null` to `undefined` in data-fetching docs to match actual types ([#35301](https://github.com/nuxt/nuxt/pull/35301)) ### ❤️ Contributors - Daniel Roe (@danielroe) - Ali Mahmmoud (@AliMahmoudDev) - Quentin Macq (@quentinmcq) - Eduardo San Martin Morote (@posva)

Hello friends and welcome to another “how’s ESM vs CJS doing?!” A big win this time, at a year of `require(esm)` available! 38.0% of the popular npm packages now have ESM, up from 33.4% half a year ago. ESM-only is up from 12.6% to 16.0%. Particularly this non-dual, “vanilla” growth is very big!

We'll do a talk about @npmx.dev together with @danielroe.dev at Web Engines Hackfest in A Coruña next week! Looking forward to meet our friends from @igalia.com and the browser engines dev world there!

̶l̶m̶a̶o̶ mdr le @patak.chat

【Nuxt】コンポーネントが表示されない原因はNuxt2とNuxt3以降の仕様差異だった Nuxtでコンポーネントを分割していた際に、コンポーネントが表示されず原因調査に時間を使った。 Nuxtはコンポーネントの自動インポート機能があるのに、どうして表示されないんだろうと原因を探っていたところ、プロジェクトのバージョンによる仕様の違いによるものだった。 ## 前提 今回、以下のような構成でファイルを作成した。 ``` components/ meo/ HeroSection.vue FeaturesSection.vue ... pages/ meo/ index.vue ``` そして `index.vue` からコンポーネントを呼び出した。 しかし画面には何も表示されなかった。 ## 原因 `package.json` を確認したところ、 ``` "nuxt": "^2.15.0" ``` となっており、今回のプロジェクトはNuxt2だった。 ## Nuxt 2とNuxt 3/4の違い Nuxt 3以降ではコンポーネント自動インポートがデフォルトで有効になっている。 ```vuejs components/ He...

Great talk by @danielroe.dev about how to build a community and finding "product market fit" in open source from the community, including the "untold" story of @npmx.dev youtu.be/QFy7HmfTelo?...