NEXT JSでメール機能を実装したポートフォリオ（ホームページ）を作ります（2023）
What you'll learn
- NextJSの使い方が学べます
- WordPressのプラグインを使ったようなサイトを作れます
- 作ったアプリを無料で一般公開（Vercel）する方法が学べます
- 簡単なアニメーション（framer -motion）の実装が学べます
- 実践的なCSS（tailwindcss）の実装が学べます
- 完成コードを保存（Github）する方法が学べます
- アイコンの使い方が学べます（react-icon）
- よくあるメール機能（EmailJS）を実装できます
- 開発ツール（VSコード）の便利な拡張機能が学べます
- スマホ画面に特化したサイトを作れます
- この技術を応用してブログやホームページにもできます
- 状態管理ライブラリ（zustand）の使い方を学べます
- フィルターを使ってデータを表示させる方法が学べます
- アニメーションCSSの部分的な使い方が学べます
Requirements
- HTMLやCSSを書いたことがある方
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
Who this course is for:
- 根拠となるドキュメントが知りたい方
- WordPress以外でWebサイトを作りたい方
- 実用的なWebサイトを作りたい方
- Next JSを使った開発の総合力が欲しい方
- １人で全てを完結させたい方
- 学習方法がわからない方
- Tailwindcssの実用的な使い方をしたい方
- JavaScript初学者の方
Instructor
- 4.2 Instructor Rating
- 65 Reviews
- 282 Students
- 4 Courses
プログラミングを独学で３年目
自社の社員教育用でコースを作ろうと思いました。
中途半端な学習アプリではなく実践でそのまま使えるアプリを作ってこそ学習になると考えています。
ですので、お客さんの商品購入から決済までをストレスないように作る必要があります。見た目、フロントエンド、バックエンド、レスポンス、SEOの細部にも目を向けています。
コース作成のコンセプトは
・そのまま使える事
・学習よりも作り切る事
・手を動かして量をやる事
使用言語・ツール
nextjs react stripe firebase vuejs JavaScript mongoDB quasar