How I Build Clean UI On Nextjs
Vložit
- čas přidán 9. 09. 2024
- I use 3 libraries in combination to build clean UIs quick and fast. I go over my strategy on how I combine the 3 in this video!
Follow me on Twitter: / rasmickyy
Join my Discord: / discord
Sponsor a video: www.passionfro...
hey you, why don't you scroll back up and hit the subscribe button
p.s sorry for the loud mic bros, working on making the audio clean for next video
Not sure if it’s free, but potentially run it through adobe podcast to clean it up
@@JuicyBenji I used a yeti mic but for some reason its so loud
Which browser you are using with tabs on left side ?
This was a great video. Simple. Straight to the point. Provided proof. Kept engagement.
Keep making videos like this and you’ll go really far on CZcams.
Appreciate u g
the dashboard sidenav icons are fire
Thanks bro, glad you like it!
@@rasmic what is the icon name? And sidebar button sidebar components is from shadcn?
Thanks for your advice sir Michael 🙂
anytime gang
Awesome video man, didn't know of Aceternity, really cool! keep going!
Thanks fren. Will do!
Just tried this in my school programming assignment for a simple PHP crud homework, teacher suggested us just to use bootstrap, but I decided to go overkill and go with this instead, also using Next js than PHP since technically allowed as long as I can do it. Turned out pretty great.
To put a perspective, everyone in class still learning to do basic JavaScript and barely knows how to use the basics of a bootstrap, and most of the HTML are copy and pasted off w3schools.
solid choice my boyyy
Thank you bro
Hyper UI is a new one for me and you just gained a new subscriber
Glad to have you onboard homie!
Aceternity UI is new to me and it's kind of what I've been looking for to compliment shadcn! Thanks a lot. Always nice to catch a YT creator so early on in their endeavors for content creation. Keep it up man, I've been really enjoying your content.
Thanks for the support. Aceternity is definitely a game changer!!
Really good Mic!!! I had Heist video open in a tab few days ago (3.1K subs). Refreshed --> (4.05K subs) NICEEE
I appreciate the support bruh
You’re crushing, man. Keep it up, you’ll be fireship soon
Appreciate the kind words!
Thanks for sharing bro, recently exposed to nextjs and this really helps!
Glad it helped!
Men thank's a lot for this video, it is simple yes but very helpfull . Thank you
Glad you liked it!
Informational. Idk about the existence of these aceternity and hyperui. thank you for the video
Glad you enjoyed fren!
My guy, your zoom in zoom out... Tone it down
sorry ser
Hear me out, shadcn (base) + v0 (ai) + lucid icons (icons) + daisy ui (shortening classnames)
saucy
I like using daisy ui as some of the behavior of a component, for example a pop up modal. Then I skin the UI using shadecn.
that tracing beam does look amazing
it makes things spicy
This is a great list. I'm going forward just use this.
Glad it was helpful!
The best video in the world. Good video. Good explanation. You are the best.
Thanks! 😃
Really nice toolkit! Thanks for sharing.
I also like to use mui component library to build some components
Glad you enjoyed the video fren
sold me with 2 vids brother, keep this up
Glad to have you onboard fren!
Great stuff man, thanks for the advice 👍
Any time!
Thanks bro. Shadcn is a game changer!
Found this just at the right time.
;)
actually useful video my g!
Glad it helped
thanks man, really helpful
Nice. Thanks for that BRO!
Any time!
Very nice, straightforward and useful video, thanks for the great content man! You earned a sub from me 🚀
Thanks for the sub! I really appreciate it :)
great content as always man ! being a tailwind css dev im loving hyper ui for fast dev 🚀
Same here! Glad you enjoyed the video!
Coool video! Thanks!
I don't code, but this is cool, subscribed
haha i appreciate u gang
Thats a great video
We are on the same track btw! i use all of them
great minds think alike
Good video. I suggest to increase your audio quality/mic to get more subs.
Yeah, need to up my setup, will do sir!
Great video! Which screen recording software are you using?
Screen studio g
Thank you for the information.
Just a thought - the local zooming and panning animations that follow the mouse pointer feel a bit too rapid and can be disorienting. It would be appreciated if they could be made smoother.
Thanks for the tip!
Amazing content 🔥🔥
Thanks 🔥
I've been married to Mantine for a while and I am still baffled at how people sleep on it
time for divorce LOL
Clean and smooth edit bro, what software do you use?
screen.studio
Super helpful ty
Glad it helped
I love how you call it “ass eternity” 😂
Pretty sure it’s meant to be “ace ternity”
But nice video, never heard of the hyper one, but I also very much like the two others
oh man you right, I been saying it wrong LOOOL
really cool!!
Really glad the algorithm suggested me this video. Thanks for sharing mate!
Glad you enjoyed it!
How to best and fast build notifications component (on top left of the page as a click to open, like, similar to whatt youtube has)
which shadcn, a few seconds... I'll drop a video on responsive design soon!
@@rasmic with shadcn? But they don’t have a notification component
Great toolkit, rankboost UI looks clean!
Thanks brotha!!
Seems like every dashboard and landing pages are gonna end up looking like Next Js
it be like that
Subscribed 👍
thanks fren
Great video. BTW what tools do you use to record your videos?
I use screen.studio/ to record my videos
what program you use for recording ?? and mouse things ?
screen studio
on React*
Was this really that easy to create sites like that? I saw alot of big rich corporate websites but their website just looks like an average half-done WordPress site, I guess that’s on the programmers. But anyways thanks for sharing these fire UI libraries 👍
Big companies usually use old tech and don't upgrade unless they need too!
Thank you so much ! Just in time !
Can you please tell me what browser are you using ?
Thanks for watching! I'm using arc.net/
Nice work Bro, what about the cross platform compatibility? how does it look on a phone?
It looks great mobile and tablet optimized
What do you use for recording your screen where the focus is moving with the cursor? Or is that done in post?
I use screen.studio
Thanks brother this was super useful. Q. How can I start getting some freelance work as a new web dev? I can pretty much pull all this off on my own I’m ready to start earning.
Most of your work will be marketing, I suggest posting on your social media accounts... start there!
How can I use my iPhone as a webcam to make a video like this ??
I use screen.studio
How and where do you deploy your apps in production?
I deploy everything on vercel and use cloudflare as a proxy
what is the browser you are using bro?
arc.net
why is bro filming using 4:3?
my bad gang, im new to this thing lol
@@rasmic keep it up, was just wondering. nonetheless ur content is great 🔥
good video bro. new sub
Thanks for the sub!
yo bro you need to tweak your microphone, its peaking so much
I know, will make it cleaner for the next video!!
hi brother new sub here.. can u help on how to make responsiveness to a site..
That's on my list of content, thanks bro!
@@rasmic eagerly waiting bro!💗
Name of the browser?
arc.net/gift/69f037fe
please tell me you are habesha
yessirrr selam new?
@@rasmic heyyyyyyyyyyyyy my brother from another mother, nice to meet you bro, proud of your bruh, we need Devs like you
@@rasmic import RasMic from '''Ethiopia" console.log('subscribed')
Mic your mic is too loud 📢
will fix for the next vid
You all using trash tech, just use php laravel or rails
whatever boomer lol
@@rasmic php laravel and rails is more mature than all these hybrid stupid framework, you just making content about all these because they are famous but not useful, i was just like you all delusional learning next js and sveltkit, when i started using php then i realised laravel can eat all these framworks, you stay delusional and lie others for your content.
Nice clickbait, no value atleast for me 🫠 the secret is the layout you design
The rankboost AI one looks pretty shit tbh
ok bro ill be waiting for your video
It was definitely NOT clickbait at all, you clearly never had to build MVP's before and only work a regular job, stuff like this are what we need as business people to ship stuff FAST
exactly :)
@@symbol767Yes but I knew and have used these libraries before. What I was looking for is actually "how to build a clean UI" that a user like - when you think about it aren't components just a small part of it