NEXT JSでメール機能を実装したポートフォリオ(ホームページ)を作ります(2023)
HTML、CSSをやり終えた初学者でも作れます!JavaScriptも少し使いながら真似してみてください!
Description
Next Jsを使ってメール機能のあるポートフォリオサイトを作成します。
こちらの技術を使えばもうホームページを作るのは簡単です!
WordPressを卒業してHTML、CSSを勉強している初学者向けに作っています。
今回使うNext JSですが初学者が学習するにはとても簡単で良い言語だと考えています!
JavaScriptも学習できるし、npmコマンドでサーバーを起動しますし、GitHubを使ってコードを管理もできます。もちろんHTMLやCSSも役立てることができます。
reactをベースに組み立てられているので情報も多いですし、応用も効きますし、基本的なアプリは全て作ることができます。
言語を使った機能も大事ですが、実際に使えるアプリを作りたいという実践的な方法を身に付けたい方!アプリを作って公開するまでの総合力を身に付けたい方!
ぜひこのコースを受講してみてください!
まずは開発に慣れるところから初めてみましょう。
使用パッケージは
Nextjs、Tailwindcss、framer-motion、react-icons、GitHub、vercel、JavaScript、EmailJS、zustand
What You Will Learn!
- NextJSの使い方が学べます
- WordPressのプラグインを使ったようなサイトを作れます
- 作ったアプリを無料で一般公開(Vercel)する方法が学べます
- 簡単なアニメーション(framer -motion)の実装が学べます
- 実践的なCSS(tailwindcss)の実装が学べます
- 完成コードを保存(Github)する方法が学べます
- アイコンの使い方が学べます(react-icon)
- よくあるメール機能(EmailJS)を実装できます
- 開発ツール(VSコード)の便利な拡張機能が学べます
- スマホ画面に特化したサイトを作れます
- この技術を応用してブログやホームページにもできます
- 状態管理ライブラリ(zustand)の使い方を学べます
- フィルターを使ってデータを表示させる方法が学べます
- アニメーションCSSの部分的な使い方が学べます
Who Should Attend!
- 根拠となるドキュメントが知りたい方
- WordPress以外でWebサイトを作りたい方
- 実用的なWebサイトを作りたい方
- Next JSを使った開発の総合力が欲しい方
- 1人で全てを完結させたい方
- 学習方法がわからない方
- Tailwindcssの実用的な使い方をしたい方
- JavaScript初学者の方