Cover Image for フッターを変更

フッターを変更

2023/03/03
next.js

フッターの文字を変更

\src\components\features\app\Footer\Footer.tsx

          <div className="text-neutral-200 text-sm text-center">
            &copy; 2022 - {SITE_NAME}
          </div>

2023年になったので変更する。

{SITE_NAME}

ブログのタイトルを変更したが、{SITE_NAME}も変更する必要があるようだ。

一応、{}を削除してブログタイトルを記述しても表示されるが、githubではエラーが出た。

調べると

.env

NEXT_PUBLIC_SITE_NAME='憑むログ'

2行目のblogの部分をブログタイトルに変更したらうまくいった。

下部に表示されるSNSボタン

消そうと思って４行目を削除したらエラーが出た。

import { sns } from '@/config/sns';

あとで調べよう。

それから…

\src\config\sns.tsx

export const sns = [
  {
    href: 'https://zenn.dev',
    icon: <SiZenn size={20} />,
    label: 'Zenn',
  },
  {
    href: 'https://github.com',
    icon: <SiGithub size={20} />,
    label: 'Github',
  },
  {
    href: 'https://twitter.com',
    icon: <SiTwitter size={20} />,
    label: 'Twitter',
  },
];

一応、export const sns の中身を消せば表示されなくなるが、プロフィールの所も消えるので考えておく。