フロントエンドに関する技術の学習方法について

フロントエンドの勉強にてReactの基礎部分を学習し、簡易的ですが一からFirebaseと連携させたチャットWebアプリを作成したりしました。
次にNext.jsについても学習しようと思いちょうどセールがやっていたので、UdemyのNext.jsを使用したハンズオン形式の講座を購入し進めています。
ただ講座内でいろんなツールを使用しており、コードを写経するのに必死になってしまい、結局何をやっているかがわからなくなり、うまく自分の中に落とし込めていない感じがしておりモヤモヤしています。
そこで下記流れで学習することで、身に着けることができるかと思っておりますが、
無駄に時間を使っているのかなとも思ってしまっております。
進め方は人それぞれかと思いますが、
みなさんが思う効率的な学び方があればお聞きしたく思います。

■学習の流れ
1．講座を見ながら写経し、一つのWebアプリを完成させる
↓
2．自分で入力したコードを見ながら、再度講座を見直し用語ややったことのポイントをまとめる
↓
3．同じツールを使用し、一から何かWebアプリを作成する。作成する上でわからないことがあれば、講座を見直し問題解決のヒントとしても活用する