NEXTJSでアニメーションのある簡単なホームページを作ります（2023年バージョン13）

Next Jsを使ってアニメーションのある簡単なホームページを作成します。

HTML、CSSを勉強した後の初学者向けに作りました。

おそらくJavaScriptやrailsを学習しようか、、、という段階ではないでしょうか？

ただ、まだ現段階ではデータベースを使うと情報量も覚える事も多いと思います。

ですので、JavaScriptを学習しながら、npmコマンドでサーバーを起動したり、GitHubを使ってコードを管理できるようにしたり、vsコードの拡張子をインストールしたりと、開発に必須なツールを総合的に使うようなコースにしています。

バックエンドを使う処理であればどの言語でも良いのですが、

reactをベースに組み立てられているNEXTJSがおすすめだと考えています。

情報も多いですし、応用も効きますし、基本的なアプリは全て作ることができます。

そんな方に向けたコースとなっております！

今回、NEXTJSはバージョン13を使っています。

appを使ったルート設計でページの管理をするのですが、とても簡単です！

今回はフロントの見た目に特化していて、データベースやapi等のバックエンドの処理はしていません。

しかし、フロントエンドはアニメーションを入れたり、CSSもレスポンシブデザインにしたりと、総合力が必要となります。

まずは開発に慣れるところから初めてみましょう。

使用パッケージは

nextjs13、tailwindcss、framer-motion、react-icons、GitHub、vercel、JavaScript