学習プラン Next.js

前回まででとりあえず Tailwind が行き詰まったので一歩退いて今後の計画を考える。

Next(React) + TypeScript + Tailwind

で学びたい。

npx create-next-app projectname

でデフォルトでこの環境が出来た。

この環境でhtml と cssJavaScript が統一的に関数的に学べる。

Vercel でデプロイも出来る。

問題は codepen などのオンラインエディターで Next.js が使えない。

codepen を使ってプログラムと結果をインタラクティブに示したい。

今の考え

Next.js は React なのだからローカルで Next.js でやって React に書き直して codepen に載せれば良いのではないか。

例えば html の入門書をまずローカルで Next.js でやって、React に書き直して codepen に載せる。

こうすれば無限に勉強出来ると思う。

少しやってみよう。