Code With Me - Practice TailwindCSS, Next.js and React.js by rebuilding the Notion landing page

Want more of these? Let me know!

[gthman]

Massive respect for giving us a CodeSandBox link to just focus on the important stuffs. Now i understand how tailwind works with react, and also how to extract components in a good way.

[vanajmoorthy]

I love this concept! You should definitely do more of these and experiment with different technologies.

[arabycode]

keep it up Kiley, you're AWESOME!!

[mukehy]

This is a great idea, there should be more of Tailwind code along sessions.

[metalbat]

I like this plz make more "code with me"

[kenjisuzaki]

Thanks for doing this! Great practice, and definitely helped me understand how to break down how to frame the css into chunks. It finally clicked, tailwind is great!

[AlastairBatz]

I'd be thrilled if you did the same with Discord.com 's landing. Super crisp svg placement and responsiveness is something I'm having a bit of a problem in doing with TailwindCSS. Suscribed!

[curryeater]

This is great stuff. Thanks for posting!

[nicoaudy]

Awesome, we need more like this about tailwind. Thanks🔥

[anuj]

Please help me how to run npm run start script in codesandbox.io and i can't see the terminal also.

[vipinkumar-kfjr]

Great, please can you zoom in a lil bit?

[jufriazziq]

how to setup tailwindcss on codesandbox ?

[tayyabaliravian]

How to add Tailwind CSS in react sandbox?

[after]

Hi,
Thanks for your great and practical tutorial.
Can you please show us how to convert a complete html template (ecommerce template) using NEXT.JS?
I think if you do it, it will help us quicker to understand using the Next.js in real world.
Thanks.
BR,
I am Nyoman, from Bali, Indonesia