yamshta https://blog.hatena.ne.jp/yamshta/ LCL Engineers' Blog https://techblog.lclco.com/ Next.js この記事はLCL Advent Calendar 2020 - 20日目です。 qiita.com 日にちが空いてしまいましたが前回の記事の続きを進めていきます。 まだ読まれてない方はこちらから先にご覧ください。 techblog.lclco.com さっそくUIを実装していく まず 初期生成された index.tsx の余計なコードを消しておきます。 import { Container } from '../components/Container' const Index = () => ( <Container height="100vh"> </Container> ) export… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftechblog.lclco.com%2Fentry%2F2020%2F12%2F20%2F080000" title="バックエンドが要らない手軽なサイトをNext.jsで作ってみた【サイト公開編】 - LCL Engineers&#39; Blog" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/y/yamshta/20201217/20201217182357.png Hatena Blog https://hatena.blog 2020-12-20 08:00:00 rich https://techblog.lclco.com/entry/2020/12/20/080000 1.0 100%