CodeMyGame
Next.js + TailwindCSS | A Guide
I started learning Next.js and TailwindCSS on August 5th, 2026. Follow along with the archive of all the code I created as a part of this journey!
Counter button
The first Next.js component I made, just a simple counter that tracks how many clicks you've made!
Current count: 0
Web Basics
What are HTML, CSS, and JavaScript?
In essence, HTML describes what you see and what it means,
CSS describes how it appears on-screen,
and JavaScript defines why it does what it does.
HTML, as a markup language, defines different elements, such as for headers and hyperlinks.
CSS, as a style sheet language, defines different rules that one or multiple elements can abide by.
Lastly, JavaScript is a full-fledged programming language that adds powerful functionality to your websites.
CSS describes how it appears on-screen,
and JavaScript defines why it does what it does.
HTML, as a markup language, defines different elements, such as for headers and hyperlinks.
CSS, as a style sheet language, defines different rules that one or multiple elements can abide by.
Lastly, JavaScript is a full-fledged programming language that adds powerful functionality to your websites.
Images
What's a basic element?
You've already seen text elements, but what about other types of elements? The homepage brought you here through a link. Links can redirect anywhere, either internally or to external websites. They're commonly referred to as hyperlinks.
There's also cool (you can code them to do things!): button not clicked