Build a Fullstack SEO Rank Tracker App with Next.js 13 and Bright Data

With this beginner friendly tutorial you will learn about server and client components, how to use a headless browser (puppeteer) and how to implement 3rd party apis.

Timestamps:
00:00:00 - Intro
00:01:09 - Dependencies & authentication
00:48:01 - Domains page
01:15:23 - Saving and listing domains
02:01:53 - Keywords page
03:09:00 - Single keyword page
03:45:38 - Scraping google search results
05:03:43 - Graphs/Charts
06:27:11 - Cron job
07:02:39 - Small fixes and improvements
07:51:41 - Deployment
08:07:37 - Outro

[yashbansod]

you are the great teacher, thanks of another unique project ♥

[Yahya_Umar]

I enjoyed your videos! Do you have any plans to create a tutorial on building an inventory management system using Next.js? Your tutorials are fantastic, and I'd love to see one on this topic! I also want to include some Python and machine learning, as well as utilize free APIs for data integration.

[hemanthchowdary]

Awesome tutorial 🤩 Need more SaaS applications 😀
Thank you ❤

[iamdanajr]

Hi, it's been a while.
Hope u're doing well out there ?
Anyways thanks always for dropping such a great content.

[raphaeljaggerd]

This is awesome. can you do one that monitors server health?

[arshah]

correct me if i am wrong

As we are using server components so we should use form action 1:16:00 instead of using usseState we should go for server Actions?

[jeanmaxme]

would be really nice if some effort is made on the frontend side of things, obviously the project is more to learn about how to use Next than UI/UX but come on at least something decent

[malco]

i had a problem when importing authOptions into layout page it says Module not found: Can't resolve all the path is correct and i already export it

[JakePeraltaaa]

Hii, please provide a .env example filee, PLEASEE