#nextjs タグの付いた Blog
StorybookをNext.js + Chakra UIのサイトに導入
2021/01/19
タイトルの通りです。ポイントは下記のとおりでした； preview.tsx で ChakraProvider を呼んでおく main.ts で emotion へエイリアスをしておく 画像を読む際は declare module '\*.png' しておく CSS Modules を併用する場合は @storybook/preset-scss を使う next/image をモックする \-s static-dir オプションを指定して、assets のパスを
2020年フロントエンド技術スタック
2020/12/30
suzukalight が 2020 年に使った技術スタックをまとめました。分類はこちらのサイトを基準にしています。 スケルトン生成 create-next-app を Next.js でのスケルトン生成に使用し、 create-react-app を通常の React アプリで使用しています。ブログサイトには Gatsby.js を使っていました（いまは Next.js に置
Next.jsで作成したサイトをVercelにデプロイ
2020/12/20
Vercel は、Next.js の制作元であり、同時に Next.js で作成されたサイトのホスティングサービスも展開しています。このサービス、デプロイまでが恐ろしく簡単であると聞いていましたので、気軽な気持ちで試してみました。 結論から言うと、初見で 5 分かからずに完了しました。選択に迷う余地がなく、めちゃくちゃ体験が良いです。以下に手順を残しておきますが、たぶん記事いらないんじゃないか説があります。 https://vercel.com/ Start Deploying