header-logo

2022-07-13

Next.jsでmarkdownブログを構築

Next.js を使って Markdown のブログサイトの構築を一から行なっていきます。

Table of Contents

Next.js の準備

プロジェクトの作成

npx create-next-app コマンドを利用して Next.js プロジェクトの作成を行います。

import Layout from '../components/layout';
import '../styles/globals.css';
import '../styles/prism.css';
import SEO from '../next-seo.config';
import { DefaultSeo } from 'next-seo';

function MyApp({ Component, pageProps }) {
  return (
    <Layout>
      <DefaultSeo {...SEO} />
      <Component {...pageProps} />
    </Layout>
  );
}

export default MyApp;