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