Material Tailwind crash course with NEXT.JS | Tailwind CSS | React UI Framework | Material Design

  Рет қаралды 900

Cules Coding

Cules Coding

Күн бұрын

Learn Material Tailwind with NextJS. Material Tailwind is a UI framework based on tailwind CSS and Material design.
Resources:
Material Tailwind: www.material-tailwind.com/
Crash courses: • Redux toolkit crash co...
Next UI: • NEXT UI crash course w...
Timestamp:
0:00 Intro
1:25 setup
6:30 Button
10:15 Typography
11:50 Dialog
17:30 Forms
20:30 Theming
28:40 Outro
#materialdesign #tailwindcss #nextjs
Contacts:
Email: thatanjan@gmail.com
Portfolio: thatanjan.vercel.app/
Blog: cules-coding.vercel.app/
Linkedin: / thatanjan
Github: github.com/thatanjan/
Twitter: / thatanjan
Blogs you might want to read:
Eslint, prettier setup with TypeScript and react: www.culescoding.vercel.app/bl...
What is Client-Side Rendering?: www.culescoding.vercel.app/bl...
What is Server Side Rendering?: www.culescoding.vercel.app/bl...
Everything you need to know about tree data structure: www.culescoding.vercel.app/bl...
13 reasons why you should use Nextjs: www.culescoding.vercel.app/bl...
Videos you might want to watch:
Setup Eslint Prettier with Typescript and React -Nextjs, Create React App: • Setup Eslint Prettier ...
Setup and deploy fullstack application on Vercel and Render: • How to setup and deplo...
Auth0 basics with Next.JS: • Auth0 basics with Next...
Upload images from React and Node: • How to upload images f...
Chakra-UI crash course: • Chakra UI crash course...
Next auth crash course: • Next Auth Basics tutor...
Build a small search engine with MongoDB: • Build a blog using #JA...
Playlists you might like:
Next.Js tutorials: • Nextjs tutorials
Build a blog using JAMstack: • Build a blog using JAM...
Quick tricks: • Access COOKIES in Next...
Crash course: • Redux toolkit crash co...
How-to videos: • Setup Eslint Prettier ...
Clone Blue Origin Landing Page: • Blue Origin Landing pa...
Stay safe and good bye.

Пікірлер: 11
@neoTriny
@neoTriny 12 күн бұрын
Looks nice 🎉
@user-wi7sz2ip6n
@user-wi7sz2ip6n 11 күн бұрын
can you share github repo link
@CulesCoding
@CulesCoding 11 күн бұрын
Sorry, I just used some random code or code from the docs. So I didn't add them to github
@user-wi7sz2ip6n
@user-wi7sz2ip6n 8 күн бұрын
How can i add custom color for input component
@CulesCoding
@CulesCoding 7 күн бұрын
use classname prop
@user-wi7sz2ip6n
@user-wi7sz2ip6n 7 күн бұрын
@@CulesCoding can i edit input config object?
@CriptoLeaks
@CriptoLeaks 13 күн бұрын
wow! your arch linux looks very good! What configuration do you have and what windows do you use? And editor??
@CulesCoding
@CulesCoding 12 күн бұрын
thanks. I was using neovide as editor. My config: github.com/thatanjan/.dotfiles Though I haven't added documentation yet
@CriptoLeaks
@CriptoLeaks 12 күн бұрын
@@CulesCoding thank you brother
@neoTriny
@neoTriny 12 күн бұрын
The explanation ok good, but the visuals are really bad, text is not visible properly
@CulesCoding
@CulesCoding 11 күн бұрын
thanks for the feedback
Oh, Auth Doesn't Have to Suck?
7:16
Josh tried coding
Рет қаралды 50 М.
This UI component library is mind-blowing
8:23
Beyond Fireship
Рет қаралды 547 М.
Зу-зу Күлпәш. Стоп. (1-бөлім)
52:33
ASTANATV Movie
Рет қаралды 1,2 МЛН
Who Will Eat The Porridge First The Cockroach Or Me? 👧vs🪳
00:26
Giggle Jiggle
Рет қаралды 20 МЛН
Follow @karina-kola please 🙏🥺
00:21
Andrey Grechka
Рет қаралды 23 МЛН
NEXT UI crash course with NEXT.JS | Tailwind CSS | React UI Framework
37:35
Is Material-UI Better Than Tailwind CSS For React Development?
5:40
The Ethical Technologist
Рет қаралды 28 М.
trigonometry like you've never seen it
25:53
Michael Penn
Рет қаралды 11 М.
The ULTIMATE guide to styling/customizing Material UI (MUI)
10:29
All 29 Next.js Mistakes Beginners Make
1:45:10
ByteGrad
Рет қаралды 43 М.
React Query is Secretly an Amazing State Manager
4:34
Josh tried coding
Рет қаралды 34 М.
Зу-зу Күлпәш. Стоп. (1-бөлім)
52:33
ASTANATV Movie
Рет қаралды 1,2 МЛН