DockerDocker ComposeでNext.jsとflask開発環境を構築する
はじめに Docker ComposeでNext.jsとFlaskの開発環境を構築します。 今回構築するのはNext.jsをフロントエンド、Flaskをバックエンドとしたアプリケーションになります。 Next.jsコンテナ まずはNext....
Next.js
Docker
WebNext.jsでMaterial-UIを使う
はじめに Next.jsでMaterial-UIを利用する方法を紹介します。 Material-UIとは Material-UIは、マテリアルデザインのReactコンポーネントを簡単に取り入れられるライブラリです。 Next.jsでMat...
DockerDocker ComposeでNext.js開発環境構築
はじめに Next.jsの開発環境をDockerで構築していきます。 DockerfileでNext.jsのアプリが実行されるコンテナのイメージを用意し、Docker Composeで実行する方法をとります。そうすることでバックエンドとして...
Web【Next.js初めの一歩】アプリを作成する
はじめに Next.jsでアプリを作成する方法を紹介します。 Next.jsでアプリ作成 手動で作成することもできますが、create-next-appを利用して自動でアプリを作成することが推奨されています。 npmでアプリを作成するには以...
WebCSR/SSR/SSGについてざっくり解説
はじめに Next.jsを勉強し始めたいのですが、CSR/SSR/SSGなどの単語の意味がわからないため、それらについてざっくり理解していきます。 CSR(Client Side Rendering) CSR(Client Side Ren...