I understand your concerns but the these things are different for all:
It was my first time to use Svelte, SvelteKit and TailwindCSS (I was not experienced with Node.js either, I didn't knew how to make a react project and had to copy-paste to make one :skull:)
Just in one video I understanded good amount of tailwind CSS and svelte. We're not here about Svelte or Tailwind CSS, but I may just say that...
Learn when you are ready, don't go quick! I only learned Svelte for like 3 to 7 days and came on React.
After svelte, I watched this video and built a next.js portfolio. This literally covered and made me understand like around 5% of next.js and react, maybe?
And now I built some cool projects myself. Check out these few: (I am still new to next.js but I built these on my own, and I'm new to tailwind CSS too)
Hope this make you understand something. What I want to say you and everyone is, it's your choice. If you think next.js is hard but you still want to learn it, then learn the core/basics (HTML, CSS, JavaScript, etc) first.
Don't go ahead directly tailwind CSS with next.js if you are new to both them together, unless you are watching a youtube video.
Additionally, you can learn another language if you think you don't seriously have a interest in Next.js. Maybe another react framework: Remix? Maybe another web dev library: Vue/Angular? Or maybe another language probably, Ruby?
One last thing If you are already experienced with some other programming languages, I also got intermediate or advanced in Python throughout the last 3 years, you can adapt other frameworks and languages quickly.
Always start with building a portfolio with the language you prefer ,but don't switch portfolios too much quick. Instead, make templates like a restaurant website. Feel free to take any images for the restaurant you wish: pinterest and theres lot.