https://blog.kyu08.com/pr-344/tags/next.js/ Recent content in Next.js on blog.kyu08.com Hugo -- gohugo.io ja blog.kyu08.com Sat, 26 Dec 2020 16:15:48 +0000 https://blog.kyu08.com/pr-344/posts/20201227-built-blog/ Sat, 26 Dec 2020 16:15:48 +0000 https://blog.kyu08.com/pr-344/posts/20201227-built-blog/ 急にブログが書きたくなったのでつくった。 使った技術 Next.js TypeScript Vercel 感想 Vercelめっちゃ楽 Syntax Highlightできてうれしい const age: number = 1 // こんなかんじ <p>急にブログが書きたくなったのでつくった。</p> <h2 id="使った技術">使った技術</h2> <ul> <li>Next.js</li> <li>TypeScript</li> <li>Vercel</li> </ul> <h2 id="感想">感想</h2> <ul> <li>Vercelめっちゃ楽</li> <li>Syntax Highlightできてうれしい</li> </ul> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-typescript" data-lang="typescript"><span style="display:flex;"><span><span style="color:#66d9ef">const</span> <span style="color:#a6e22e">age</span>: <span style="color:#66d9ef">number</span> <span style="color:#f92672">=</span> <span style="color:#ae81ff">1</span> <span style="color:#75715e">// こんなかんじ </span></span></span></code></pre></div><h2 id="これからやりたいこと">これからやりたいこと</h2> <ul> <li>header footerつくる</li> <li>独自ドメイン取得</li> <li>全体的に見た目をまともにする</li> <li>記事一覧ページに書いた日時・タグも表示する</li> <li>簡単な自己紹介</li> <li>各種SNSへのリンク</li> <li>存在しないリンクへアクセスされたら記事一覧に戻す</li> </ul>