nextjs

graphqlのapiを作って、vercelで提供する方法を紹介します。また例ではわかりやすいように、果物を返すAPIとしています。では、まずtypescriptが使えるnext.jsを作ります。npx create-next-app graphql-api --ts次に、yarn add graphql apollo-server-micro micro-cors micro

Next.jsで`a`タグや`Link`を使わずに、Next.jsでページ遷移する方法を紹介します。 とても簡単で`useRouter`を使って、`push`するだけでページ遷移ができてしまいます。

Next.jsでGoogle Optmizeを使いABテストをする方法を紹介します。 Next.jsではプリレンダリングの機能によりABテストを実装に苦労します。 ただ、実は簡単でdataLayer.pushをuseEffectで使い、GoogleOptmizeのアクティベーションの設定を変えることで実現することが可能です。

Next.jsのnext-sitemapを使ってsitemapを出力する際に特定のURLを除外する方法を紹介します。 除外する際はexcludeというオプションを指定することで実現することができます。

Next.jsで静的なページ(static)なのにまるでapiのようにjsonを返すやり方があります。 それはgetServerSidePropsを使って簡単に実現できます。その実現方法を紹介します。

Next.jsでこのページはbuild時、export時に除外したいという場面があるかと思います。 それがそもそもできるのか？そしてやるならどうするのかを紹介したいと思います。