Hashtag

#Nuxt

70 posts tagged with this hashtag.

@hongminhee@hollo.social
@hongminhee@hollo.social
@hongminhee@hollo.social
@hongminhee@hollo.social
@hongminhee@hollo.social
@hongminhee@hollo.social
@hongminhee@hollo.social
@hongminhee@hollo.social
@hongminhee@hollo.social
@hongminhee@hollo.social
@hongminhee@hollo.social
@hongminhee@hollo.social
@hongminhee@hollo.social
@hongminhee@hollo.social
@hongminhee@hollo.social
@hongminhee@hollo.social
@hongminhee@hollo.social
@hongminhee@hollo.social
@hongminhee@hollo.social
@hongminhee@hollo.social
@hongminhee@hollo.social
@hongminhee@hollo.social
@hongminhee@hollo.social
@hongminhee@hollo.social
@hongminhee@hollo.social
@hongminhee@hollo.social
@hongminhee@hollo.social
@hongminhee@hollo.social
@hongminhee@hollo.social
@hongminhee@hollo.social
@hongminhee@hollo.social
@hongminhee@hollo.social
@hongminhee@hollo.social
@hongminhee@hollo.social
@hongminhee@hollo.social
@hongminhee@hollo.social
@hongminhee@hollo.social
@hongminhee@hollo.social
@hongminhee@hollo.social
@hongminhee@hollo.social
@hongminhee@hollo.social
@hongminhee@hollo.social
@hongminhee@hollo.social
@hongminhee@hollo.social
@hongminhee@hollo.social
@hongminhee@hollo.social
@hongminhee@hollo.social
@BlueRayi@mstdn.kemono-friends.info
@BlueRayi@mstdn.kemono-friends.info
@BlueRayi@mstdn.kemono-friends.info
@nove_b@social.nove-b.dev

最近、不思議と`Nuxt`を触ることが多い。

blog.nove-b.dev/posts/netlify-

blog.nove-b.dev

とりあえずデプロイしたらキャッシュに惑わされたのでNuxtのユニバーサルレンダリングについて調べてみた

SSGでデプロイされていると勘違いしていた https://contributions.nove-b.dev/をNetlifyにデプロイしている。 Clone元はhttps://github.com/atinux/my-pull-requestsで、envを変更するだけで自分ようになるので、ソースコードを読まずにnuxi buildでデプロイした。 最近は静的ジェネレータをメインに触っていたせいか、SSGでデプロイされると思い込んでいたので、プルリクを出すたびにデプロイしなくちゃいけなく、デプロイの定期実行をどうしようと思い悩んでいた。 先日プルリクを出したあとに見に行くと、最新のプルリクが反映されており、勝手にデプロイが走ったのかと混乱した。 デプロイ履歴を見に行くとデプロイ履歴は更新されていない。 SSGじゃないんじゃと思い返して、試しにプルリクを出し、観察しに行くとプルリクが更新されておらず、さらに混乱する。 しばらく経ち再訪すると更新されていて大混乱したので、しっかりコードを見に行くことにした。 コードリーディングしていく CSR or SSR api fetch fetchしている部分を見に行くと、 const { data: contributions } = (await useFetch) < Contributions > "/api/contributions"; 特に特別なことをしていない。 ちなみにuseFetchとは、 このコンポーザブルは、との便利なラッパーを提供します。URL とフェッチ オプションに基づいてキーを自動的に生成し、サーバールートに基づいてリクエスト URL の型ヒントを提供し、API レスポンス タイプを推測します。 とのことだった。 調べてみると特定のレスポンスにおけるKeyだけを取得できるpickという機能とかssrとcsrを切り替えるserverとかあって便利そうだった。 パラメーター一覧 ちなみに全体でssrとcsrを切り替える方法は、nuxt.config.tsで export default defineNuxtConfig({ ssr: false, ... のように設定すると実現できるようだった。 つまり特別なことはしてないので、Nuxtのデフォルトのレンダリングをしていると思われる。 Nuxtのレンダリングモード Nuxtのドキュメントを見に行くとデフォルトはユニバーサルレンダリングというレンダリング方法らしい。 ユニバーサルレンダリングについて調べてみると、 また、ページが事前に生成されている場合は、キャッシュから完全にレンダリングされたHTMLページを返すこともあります。クライアントサイドレンダリングとは異なり、ユーザーはアプリケーションの初期コンテンツ全体を即座に取得できます。 とのこと。 そうすると、 SSGじゃないんじゃと思い返して、試しにプルリクを出し、観察しに行くとプルリクが更新されておらず、さらに混乱する。しばらく経ち再訪すると更新されていて大混乱したうえで、しっかりコードを見に行くことにした。 ここで即座に反映されなかったことが腹落ちした。 それでこのキャッシュに関してはisrのことを言っているっぽい。 調べてみるとnuxt.config.tsに $production: { routeRules: { '/': { isr: 60 * 5 }, '/api/contributions': { isr: 60 * 5 }, '/feed.xml': { isr: 60 * 5 }, }, }, という記述があった。 一度生成されると5分間 (60秒 * 5) キャッシュされてssrで生成された静的ページが表示されるようになる。 という仕組みになっていた。 便利なリポジトリは活用しつつ、勉強の一助にもしたいと思った今日この頃でした。

@mandrasch@social.tchncs.de · Reply to Manuel Matuzović

@matuzo mandrasch.dev/ - but design is lame, focus was on multi lang functionality with . I'm not a designer (yet ;)).

Wanted to re-do it like stefanzweifel.dev/ @stefanzweifel, I like the minimalistic narrow style.

Would be cool to have more templates /themes like that for personal pages, couldn't find much for or (with or without Tailwind).

stefanzweifel.dev

Stefan Zweifel • Full Stack Developer

Hi 👋. I'm a full stack developer creating things on the internet. Welcome to my personal website.

@dansup@mastodon.social · Reply to dansup

@elena The new fediverse.info is powered by and will be open sourced, and I'll be implementing i18n support and will need contributions from the community to make this accessible in more languages.

I want to also thank @stefan for creating jointhefediverse.net which we link to in the main CTA button.

I will also add links to the most popular fediverse resources in the footer, so please reply with your favourite fediverse sites/services!

jointhefediverse.net

Join the fediverse!

Learn about the fediverse and find your community.

@fedidb@mastodon.social
@fedidb@mastodon.social
@fedidb@mastodon.social
@belcher@mastodon.xyz

Time for a new :

Hi, I'm Michael and I’m on a .

For the past ten years I’ve been a full stack for a company in that sells supplies.

They went from a startup to a well-established brand, then the economy started collapsing.

I love working with and , but I’m great with and pretty much any modern framework.

Open to in the US and local in-office work in the area.

@darkghosthunter@mastodon.social

When I have some time to kill, I'll make a Desktop Environment Framework using with and .

In my mind: apps would work seamlessly between desktop environment, no matter the flavor.

The idea: Apps are processes, Desktop Bus ties Window to App, multiple Desktops (screens).

@darkghosthunter@mastodon.social

Okay, is a pain to work with on an internal network. If you're using GitHub for your things, that's okay, but for everything else is not.

Is there any other alternative?

BTW, this is Coolify: coolify.io/