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

Опубликовано: 05 Март 2025
на канале: Coding With Dawid

18,469

652

Build & deploy a unique project: SEO Rank Tracker App with Next.js 13, React, Mongo and Tailwind. This is a step by step tutorial where we build this cool portfolio project without any starter code using latest next.js and other new libs.

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.

Get $15 of credits: https://brdta.com/codingwithdawid
Code: https://github.com/dejwid/rank-tracker

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