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
タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
2月頃に Next.js を学ぶために Next.js Learn (Basic) を試した.詳しくは以下の記事にまとめてある. kakakakakku.hatenablog.com 今回はその続きと言える Next.js Learn (Excel) を試して学んだことをまとめる.Basic と比較すると,一歩踏み込んだレベルだと思う.だからこそ Next.js Learn (Basic) とセットで終わらせておくと学習効率が1番高そう.僕自身,Excel を試すまでに少し間を空けてしまったことを後悔している. nextjs.org Next.js Learn (Excel) Excel では「計4種類」のコンテンツが用意されている.正確には,最近まで Lazy Loading 関連のコンテンツもあったけど,Outdated であるという理由から2月末に削除されていた.なお,削除されたプル
Convert Tweets to Static HTML Create your testimonial wall statically and style it however you want! Just like building a testimonial wall to showcase positive feedback and experiences, consider the vibrant array of testimonials that highlight the excitement and enjoyment players experience on gaming platforms. For instance, testimonials from satisfied players on platforms like 슈퍼벳 사이트 can illustr
A lot of applications support a common pattern where the user hits ⌘+k (or ctrl+k) and a search UI dialog appears. I've recently seen this in Notion, Slack, Linear, Vercel and Algolia, but I'm sure there are plenty more. Apple Spotlight, Alfred and the Raycast app also have a similar pattern, but with different shortcuts. There are already some libraries built for this, but they are too framework
Everyone likes to talk about the good old days of simply being able to create a new file with a .html extension and start making a website instead of how we do it today — setting up a highly complex build system to get anywhere near to a basic hello world project. The HTML EraHTML (Hyper-text Mark-up Language) itself was simply a way to mark text and specify the styling and treatment of text. You
はじめに みなさまはNext.jsで静的に生成するHTMLファイルを国際化したくありませんか? Next.jsに組み込みのi18n routingはStatic HTML Exportに対応していないので、別の手を考える必要があります。 結論から言うと、以下の記事にやり方が書いてあります。 dev.to この記事では、Next.jsでStatic HTML Exportで言語ごとのHTMLファイルを生成する方法と、ハマったところを簡単にまとめます。 手順 翻訳データを用意する public/locales/(言語)/common.json に翻訳データを用意します。ラベル→文言というJSONを置けばよいです。 { "hello": "こんにちは" } next-i18nextをインストールする Next.jsでi18next (react-i18next) を使えるようにするライブラリです
const fetch = require('isomorphic-unfetch'); module.exports = { exportPathMap: async function() { const paths = { '/': { page: '/' }, '/about': { page: '/about' } }; const res = await fetch('https://api.tvmaze.com/search/shows?q=batman'); const data = await res.json(); const shows = data.map(entry => entry.show); shows.forEach(show => { paths[`/show/${show.id}`] = { page: '/show/[id]', query: { id
Alright, so you want to export all your messages on Slack. You want them in a format that you can still enjoy in 20 years. This tool will help you do that. Completely static: The generated files are pure HTML and will still work in 50 years. Everything you care about: This tool downloads messages, files, and avatars. Nothing you do not care about: Choose exactly which channels and DMs to download.
こんにちは、id:daido1976 です。 今回は Next.js の Static HTML Export で生成したファイルを Lambda@Edge を使わずに CloudFront + S3 にデプロイする方法を紹介します。 前提 Next.js CloudFront + S3 やり方 1. S3 側での静的ウェブサイトホスティングの設定 2. CloudFront の Origin Domain Name の設定 3. Referer を使って CloudFront から S3 への直接アクセスを禁止する 4. Next.js 側で各ページのファイル名を index.html にする設定 参考 前提 Next.js Next.js のアプリで SSR を行う場合は Vercel やその他の Node.js 実行環境のあるサーバにデプロイする必要がありますが、そうでない場合は S
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く