Food Blog

Food Blog

eye catch of food-blog

概要

Next.js, MDX, microCMSを使ったレシピブログです。

用途・目的

  • フロントエンドの学習

こだわり

  • CMS側から非エンジニアがコンテンツの投稿とサイトの基本設定ができる
  • Atomic Design, Tailwind CSSで設計
  • SWRを使ったキャッシュの最適化
  • SEO/Core Web Vitalの向上を意識した
  • Storybookや自動テストを使ったモダンな開発環境

使用言語

React, TypeScript

技術

Next.js, MDX, Atomic Design, Tailwind CSS, Vercel, microCMS, Storybook, Jest

リンク

Food Blog