Forem: Lord Potato

🎯 Tailwind CSS v4 + Vite + React Setup (The Clean Way)

Lord Potato — Fri, 25 Apr 2025 05:14:44 +0000

If you're starting with Tailwind CSS v4, you might’ve noticed:
most tutorials and videos are still stuck in the old version. I faced it too—docs didn’t help much, and outdated commands like tailwindcss inithad me completely lost.

So here’s the step-by-step setup that finally worked for me:

✅ Tailwind v4 Setup with React + Vite

Create your Vite + React project:
npm create vite@latest my-app -- --template react
cd my-app
Install Tailwind CSS v4 with Vite plugin:
npm install -D tailwindcss@latest @tailwindcss/vite
Create and edit src/index.css:
@import "tailwindcss";
Update vite.config.js:

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
import tailwindcss from '@tailwindcss/vite'

export default defineConfig({
  plugins: [react(), tailwindcss()],
});

Make sure main.jsx imports ./index.css
Test it in App.jsx:

function App() {
  return (
    <h1 className="text-4xl font-bold text-blue-600">
      Hello Tailwind v4!
    </h1>
  );
}

Run your dev server: npm run dev

✅ And you’re all set with Tailwind v4 running in your React app using Vite!

😅 Want to Hear the Chaos Behind This?
If you’re curious about how I actually figured this out—confusion, outdated guides, broken commands, Discord help, and even ChatGPT misfires—I wrote a separate blog post on my full struggle story in Medium.

👉 Read: 💻 My Tailwind CSS v4 Setup Struggle

Hope it helps another beginner avoid the same mess I went through! 💙

Feeling Lost but Still Learning: My Web Dev Journey So Far

Lord Potato — Tue, 22 Apr 2025 11:05:58 +0000

✨ Burnout? Imposter Syndrome? Screen headaches?
Here’s a raw and real take on trying to balance learning web dev, working full-time, and just trying to not lose it while exploring open source too.

📚 Built projects, felt lost, found small wins — and wrote about all of it.

Read my honest journey here → [https://medium.com/@svsree2002/feeling-lost-but-still-learning-my-web-dev-journey-so-far-76b038deaa19]

Feeling Lost but Still Learning: My Web Dev Journey So Far

Lord Potato — Tue, 22 Apr 2025 11:05:58 +0000

📚 Built projects, felt lost, found small wins — and wrote about all of it.

Read my honest journey here → [https://medium.com/@svsree2002/feeling-lost-but-still-learning-my-web-dev-journey-so-far-76b038deaa19]