No video

Create a Stunning Dark Theme SaaS Landing Page: Frontend Dev Tutorial

  Рет қаралды 30,340

Frontend Tribe

Frontend Tribe

Күн бұрын

Пікірлер: 163
@Yesterday_i_ate_rat
@Yesterday_i_ate_rat Ай бұрын
It's almost illegal to watch such an outstanding tutorial for free! Absolutely mind-blowing work
@SK_Covers
@SK_Covers Күн бұрын
Man , so far this is the best beginner friendly tutorial on youtube. Who are all knows basic knowledge of react, typescript and tailwind css it'll be really helpful. Very organised and well code structure, production grade stuff❤ In future add Dashboard ui tutorial in your bucket list 🎉 Love from India 🙏❤
@frontend-tribe
@frontend-tribe 22 сағат бұрын
Thanks for the detailed comment - glad you’re enjoying the videos 😊
@NJ-gh7iw
@NJ-gh7iw 4 күн бұрын
Best explanation throughout the video. Please we neer more videos like this. ❤
@frontend-tribe
@frontend-tribe 4 күн бұрын
More to come! 😁
@aluexpress987
@aluexpress987 Ай бұрын
Your voice has relax sensation dude.❤
@hammadafzal4114
@hammadafzal4114 Ай бұрын
We need more projects like this, also we need a project where tailwind config file setting and best practices are covered. Furthermore, how to plan a project where you need to convert figma to pixel perfect code
@frontend-tribe
@frontend-tribe Ай бұрын
Appreciate the feedback. I’ll have to cover those in future videos 👍
@MaxJM711
@MaxJM711 Ай бұрын
I'm not going for webdev but I have a great interest in making things feel and be my own so I've been wanting to make a portfolio website for some time now (really liked Vue and Nuxt so far!). The quality in this tutorial is INSANE, I legit thought you had over 10k subs. Best of luck with every project one, really looking forward for more content!
@frontend-tribe
@frontend-tribe Ай бұрын
Amazing feedback, thanks! Working on the 10k subs 😂
@mirjalol_nightmares
@mirjalol_nightmares Ай бұрын
style looks like JS MASTERY channel, but loved it. cool bro
@Uche_Agwu
@Uche_Agwu 10 күн бұрын
Thanks so much, I really appreciate this, now on to the next project.
@frontend-tribe
@frontend-tribe 10 күн бұрын
Glad you enjoyed it 😀
@mileslegend
@mileslegend Ай бұрын
this is amazing ...where have you been guys all thisa time
@rob4114
@rob4114 Ай бұрын
You are the fucking shit, I can't thank you enough for this 11/10 tutorial
@frontend-tribe
@frontend-tribe Ай бұрын
Really appreciate the kind words. Happy I could help!
@valentimgarcia6179
@valentimgarcia6179 Ай бұрын
What a nice tutorial and project. Keep up with this amazing work!!
@cape_YT_
@cape_YT_ Ай бұрын
Amazing 👏🏻 🔥 Would also like a portfolio website with sleek animations and transitions like this also the same theme and vibe. Great work.
@frontend-tribe
@frontend-tribe Ай бұрын
Great suggestion! I’ll keep that in mind.
@gonzzdev
@gonzzdev Ай бұрын
Hey there 👋🏽 I just started the tutorial but gotta say. This is good content, keep it up!
@faizanqureshi3792
@faizanqureshi3792 Ай бұрын
Wow this is an amazing projects, plz make more projects tutorial like this! 🥺
@frontend-tribe
@frontend-tribe Ай бұрын
Thank you! Will do!
@shubham___gupta
@shubham___gupta Ай бұрын
1:10:58 In case anyone is getting error while reloading the page , paste 'use client' at the top of the page. It will be fixed. (it happens until you give the width & height to image element)
@shubham___gupta
@shubham___gupta Ай бұрын
1.30 AM night time here in india , finished entire video. Learnt a lot from this video & really appreciate the detailed explanations throughout. Please keep integrating framer-motion techniques for future builds. It really make the components come to life. 😄👌
@shubham___gupta
@shubham___gupta Ай бұрын
Also , in last section , getting a console warning for some reason(Please ensure that the container has a non-static position, like 'relative', 'fixed', or 'absolute' to ensure scroll offset is calculated correctly). Fix : in global.css , add html{position:relative}
@multiverse915
@multiverse915 Ай бұрын
Amazing brother keep going and upload this type of content bring more landing pages like this 🤭🤗 absolutely love the tutorial
@frontend-tribe
@frontend-tribe Ай бұрын
Thanks! Will do!
@panociagasta
@panociagasta 27 күн бұрын
Very cool tutorial
@frontend-tribe
@frontend-tribe 27 күн бұрын
Glad you liked it
@king_braiin
@king_braiin Ай бұрын
Thanks man, this is truly an amazing piece.
@altaccount3712
@altaccount3712 Ай бұрын
Love your choice of fonts
@redhood7105
@redhood7105 Ай бұрын
That's very good video as a whole and also as a reference for an individual componenst. Thanks
@frontend-tribe
@frontend-tribe Ай бұрын
Glad it was helpful!
@DarkAcademyUniversity
@DarkAcademyUniversity Ай бұрын
Really good videp! Subscribed!
@fres-space
@fres-space Ай бұрын
damn bro, i didn't finish the whole tutorial but it looks sick to me, keep it up. Btw i've got the same issue with the email
@frontend-tribe
@frontend-tribe Ай бұрын
Try again. Should be fixed now 😅
@hibijibii
@hibijibii Ай бұрын
@@frontend-tribe not fixed yet...
@ashutosh_tiwari
@ashutosh_tiwari Ай бұрын
Thanks bro for this cool project.
@user-wy3br1zh2f
@user-wy3br1zh2f Ай бұрын
Love your work man🎉❤
@frontend-tribe
@frontend-tribe Ай бұрын
Thank you very much 😀
@GlenMiracle-pc9yh
@GlenMiracle-pc9yh Ай бұрын
now this is insightful 👏
@Aman_yadav1419
@Aman_yadav1419 Ай бұрын
Start uploading this kind of content ❤
@user-je2pd7yz1j
@user-je2pd7yz1j Ай бұрын
Hi! your tutorial has been extremly useful and helpful so thanks alot for that! i have a question though, what is the name of the extension to show you the responsive layout (that phone tablet pc thing) i definetly will need it, thanks!!
@frontend-tribe
@frontend-tribe Ай бұрын
Yeah, that’s responsively.app 👍
@itsmesuraj20
@itsmesuraj20 Ай бұрын
Want more videos like this , Got my first client on upwork ...
@frontend-tribe
@frontend-tribe Ай бұрын
That’s awesome! 👏 👏
@mohammadabbas1623
@mohammadabbas1623 Ай бұрын
This is beautiful
@w3mw
@w3mw Ай бұрын
Subscribed and getting all notes when you upload new videos, amazing content creator thank you! What kind of browser do you use? Really cool to just put it to the right and can change easy from mobile to tablet and desktop? 😄
@frontend-tribe
@frontend-tribe Ай бұрын
Thanks for the kind words! The browser is responsively.app ☺️
@doyaltv2030
@doyaltv2030 6 күн бұрын
nice your voice
@irfansaeedkhan7242
@irfansaeedkhan7242 Ай бұрын
nice nice nice this is actual value
@maile8766
@maile8766 Ай бұрын
thank you for the tutorial!! please also share the git repo so its easier for us to follow
@thenotorious7692
@thenotorious7692 Ай бұрын
Start uploading this kind of content please
@DarkAcademyUniversity
@DarkAcademyUniversity Ай бұрын
The intro is like from JavaScript Mastery
@Deus-lo-Vuilt
@Deus-lo-Vuilt Ай бұрын
Nice proyect, like and sub
@aazertyiop7777
@aazertyiop7777 26 күн бұрын
Hello, thanks for these high-quality videos! However, where did you get all these illustrations (for free, if possible)?
@frontend-tribe
@frontend-tribe 25 күн бұрын
Check out the description 👍
@BlueTechAdmin
@BlueTechAdmin 8 күн бұрын
Need a react project as simple
@broskisnajdy
@broskisnajdy 26 күн бұрын
Hello, great video. Can I ask you please how you did the intro? :) Is it premiere pro? Thanks!
@frontend-tribe
@frontend-tribe 26 күн бұрын
I use Final Cut, but your choice of editing software doesn’t matter all that much. I could have done the same thing with Premiere 😊
@sahilverma_dev
@sahilverma_dev Ай бұрын
Greate video sir Subbed
@frontend-tribe
@frontend-tribe Ай бұрын
Much appreciated!
@jeffkirchoff14
@jeffkirchoff14 Ай бұрын
Great Content
@aniketravi8025
@aniketravi8025 23 күн бұрын
Can you please let me know which browser you are using? I really enjoy your video, you are amazing!
@frontend-tribe
@frontend-tribe 22 күн бұрын
Thanks! Browser is responsively.app ☺️
@eekrain
@eekrain Ай бұрын
What browser do you use to preview the design? looks neat
@frontend-tribe
@frontend-tribe Ай бұрын
responsively.app
@ibadshaikh2215
@ibadshaikh2215 13 күн бұрын
Awesome. Please anyone share the final code link.
@rogercardona4160
@rogercardona4160 Күн бұрын
Does anyone know which NextJs version is he using?
@shifaak9734
@shifaak9734 Ай бұрын
Can we have more like this ❤ with optimization explanation please 🥺
@itzindiandude
@itzindiandude Ай бұрын
Great 🔥🔥
@lineupp
@lineupp 12 күн бұрын
Awesome content. Which browser it is ?
@frontend-tribe
@frontend-tribe 10 күн бұрын
Responsively.app
@tommykenton
@tommykenton Ай бұрын
I mean it's alright still a load to work on.
@user-qh5np7zk6j
@user-qh5np7zk6j 27 күн бұрын
thx bro
@frontend-tribe
@frontend-tribe 27 күн бұрын
You’re welcome
@oussamaelhousni5665
@oussamaelhousni5665 Ай бұрын
New subscriber here
@naolfekadu6101
@naolfekadu6101 Ай бұрын
Thank you
@rogercardona4160
@rogercardona4160 Күн бұрын
Guys does any of you get the resources/started project after providing your email? Because I didn't and I tried with three different emails... Does anyone have it?
@DarkAcademyUniversity
@DarkAcademyUniversity Ай бұрын
Please, make more!
@frontend-tribe
@frontend-tribe Ай бұрын
Working on the next one 😊
@DarkAcademyUniversity
@DarkAcademyUniversity Ай бұрын
@@frontend-tribe waiting :)
@lala-wb7gi
@lala-wb7gi Ай бұрын
stunning design,Could you please tell me what you are using the browser for, bro?
@frontend-tribe
@frontend-tribe Ай бұрын
That’s responsively.app if I understood you correctly 😊
@lala-wb7gi
@lala-wb7gi Ай бұрын
@@frontend-tribe hah You understand me correctly, thank you
@kunalyadav7236
@kunalyadav7236 Ай бұрын
Amazing video, but im not able to download assets, i submitted the form and it says form filled but nothing happens after that
@frontend-tribe
@frontend-tribe Ай бұрын
Sorry to hear that - shoot a message to support@frontendtribe.com
@w3mw
@w3mw 14 күн бұрын
Trying to fix the logoTicker animation, looks good on mopbile and tablet, but when i go to desktop it doesnt seems to work correctly, like before you added one more map for images. How can I fix that?
@frontend-tribe
@frontend-tribe 14 күн бұрын
Hard to debug over KZfaq comments 😅. Stay tuned for more community features like coding help 👍
@w3mw
@w3mw 13 күн бұрын
@@frontend-tribe Haha yeah i get it sorry mate. Would you like to build a cool ladning page for a football team? (soccer) whould be really cool to see, I'm am a passionate fan of football thats why I ask :D
@hmefx9251
@hmefx9251 Ай бұрын
Awesome project. I tried to get the starter files but I haven't received any mail yet also I checked the spam folder as well but no mail.
@frontend-tribe
@frontend-tribe Ай бұрын
Thanks. Usually it’s just because it went to spam…
@hmefx9251
@hmefx9251 Ай бұрын
@@frontend-tribe sorry, but I didn't received the mail in spam also
@mdfarhan-ni7dy
@mdfarhan-ni7dy Ай бұрын
Why you didn't make navbar menu toggle in mobile view 😢
@frontend-tribe
@frontend-tribe Ай бұрын
Thought I’d leave something for you to do 😉
@RwiiinZakeri
@RwiiinZakeri Ай бұрын
i can't download resources , in the website i fill the user name and email and the success message appear but nothing download for me
@frontend-tribe
@frontend-tribe Ай бұрын
Check your email 😊
@amitmasram1441
@amitmasram1441 Ай бұрын
Sir download the source code not retrieving , Please help
@frontend-tribe
@frontend-tribe Ай бұрын
Sorry to hear that. Shoot an email to support@frontendtribe.com and I’ll make sure you get the files 👍
@naolfekadu6101
@naolfekadu6101 Ай бұрын
why can't we get the end result?
@frontend-tribe
@frontend-tribe Ай бұрын
It shows you how to build it 😄
@NoTimeWaste1
@NoTimeWaste1 Ай бұрын
Hey bro, can you also share the commands which were used to create initial folder setup.
@frontend-tribe
@frontend-tribe Ай бұрын
Just use the 📁 that you can download :)
@UjjwalMishra_68
@UjjwalMishra_68 Ай бұрын
Please do one on react also
@frontend-tribe
@frontend-tribe Ай бұрын
I’ll have to add that to the list ☺️
@LucasRaphael-nl9pm
@LucasRaphael-nl9pm Ай бұрын
where do I find this file that he transferred to vscode at the beginning of the video? what file is this?
@frontend-tribe
@frontend-tribe Ай бұрын
It’s part of the resources bundle you can download from the link in the top of the description. Includes the full template, images, everything 😊
@kknmitkelompok3889
@kknmitkelompok3889 5 күн бұрын
excuse me, i can't get the video resources here
@frontend-tribe
@frontend-tribe 4 күн бұрын
Shoot an email to support@frontendtribe.com for help 👍
@sulavbaral9972
@sulavbaral9972 Ай бұрын
Is that an extension for mobille tablet and desktop
@frontend-tribe
@frontend-tribe Ай бұрын
It’s responsively.app 👍
@lokeswaranaruljothy8100
@lokeswaranaruljothy8100 Ай бұрын
I have submitted the resources form multiple times, but I did not receive anything in my mail
@frontend-tribe
@frontend-tribe Ай бұрын
Send an email to support@frontendtribe.com - someone can help you out there 😊
@user-je8pc9km9f
@user-je8pc9km9f Ай бұрын
Hey friend how to get the starter file? I could not find in your description
@frontend-tribe
@frontend-tribe Ай бұрын
Hey @user-je8pc9km9f - it's there now 😅
@user-je8pc9km9f
@user-je8pc9km9f Ай бұрын
@@frontend-tribe hello I tried to submit many times and could not receive any email from yours. Could you please check it , thanks a lot for your time and tutorials
@Eadev44
@Eadev44 Ай бұрын
I can't download the starter files
@frontend-tribe
@frontend-tribe Ай бұрын
Shoot a message to support@frontendtribe.com - I’m sure we can help you out
@sohamchakraborty1028
@sohamchakraborty1028 Ай бұрын
how can i get the format of of the browser or whatever u opened at the right side of vs code for seperating the mobile tablet and desktop view?
@frontend-tribe
@frontend-tribe Ай бұрын
Just used Responsively.app and set the views to be the same sizes as in the design 😊
@kdaray8010
@kdaray8010 28 күн бұрын
Why can't I get Download your FREE resource bundle through my email?
@frontend-tribe
@frontend-tribe 28 күн бұрын
Good question. Hard to know without knowing your email. Shoot a message to support@frontendtribe.com if you continue having issues 👍
@justiceessiel6123
@justiceessiel6123 Ай бұрын
would like the link to the figma file itself so I build without watching the video after watchig the video
@frontend-tribe
@frontend-tribe Ай бұрын
That’s part of the resource bundle - check the description ☺️
@mashuktamim
@mashuktamim Ай бұрын
What is the font you used in the introduction section?
@frontend-tribe
@frontend-tribe Ай бұрын
Bricolage Grotesque ☺️
@mashuktamim
@mashuktamim Ай бұрын
@@frontend-tribe Thanks a lot
@okwarakizitochigozirim6107
@okwarakizitochigozirim6107 Ай бұрын
great tutorial, I'm trying to download the starter files but I'm not getting an email sent to me
@frontend-tribe
@frontend-tribe Ай бұрын
Did you check your spam folder?
@lofinothing
@lofinothing Ай бұрын
i didn't receive the email to retrieve the material
@frontend-tribe
@frontend-tribe Ай бұрын
Shoot an email to support@frontendtribe.com and we can help you out
@DashingChannel
@DashingChannel Ай бұрын
Hello Sir, I am having trouble signing in to your website
@frontend-tribe
@frontend-tribe Ай бұрын
Shoot a message to support@frontendtribe.com
@JosephKinyuru-mo4nu
@JosephKinyuru-mo4nu Ай бұрын
The download resources is not working
@frontend-tribe
@frontend-tribe Ай бұрын
Sorry to hear that. Shoot an email to support@frontendtribe.com if you can’t find it in spam
@hibijibii
@hibijibii Ай бұрын
after submitting email web can't letting me download starter template. can you recheck please?
@frontend-tribe
@frontend-tribe Ай бұрын
Shoot a message to support@frontendtribe.com with your details.
@safkatsadli1374
@safkatsadli1374 Ай бұрын
i gave my email and my name still got no resources , what should i do now?
@frontend-tribe
@frontend-tribe Ай бұрын
Shoot an email to support@frontendtribe.com
@RahulShinde-xs9rl
@RahulShinde-xs9rl Ай бұрын
Which web browser you used?
@frontend-tribe
@frontend-tribe Ай бұрын
Responsively.app 👍
@mohammedhamza5242
@mohammedhamza5242 Ай бұрын
Whats the browser that you are using? Is it Polypane?
@frontend-tribe
@frontend-tribe Ай бұрын
It’s not - it’s called responsively. Free and open source ☺️ responsively.app
@mohammedhamza5242
@mohammedhamza5242 Ай бұрын
@@frontend-tribe Thanks 😊
@heruuu6114
@heruuu6114 Ай бұрын
cool🥶
@osarolawani3739
@osarolawani3739 Ай бұрын
what browser are you using?
@frontend-tribe
@frontend-tribe Ай бұрын
Responsively.app 👍
@behold2661
@behold2661 Ай бұрын
Is it possible to implement this in vanilla html css
@frontend-tribe
@frontend-tribe Ай бұрын
Absolutely. Just did it in Next.js and React to help teach those technologies too
@ad_mastermind1313
@ad_mastermind1313 Ай бұрын
Hyy bro please give me your video thumbnail font family name and give me zip file possible
@frontend-tribe
@frontend-tribe Ай бұрын
Check out bricolage grotesque 👍
@ad_mastermind1313
@ad_mastermind1313 Ай бұрын
Ask your thumbnail font family please 🙏
@arupde6320
@arupde6320 Ай бұрын
github ??
@frontend-tribe
@frontend-tribe Ай бұрын
Not for this one, sorry 🤷‍♂️
@moisesbinzie
@moisesbinzie Ай бұрын
share source code 😁
@frontend-tribe
@frontend-tribe Ай бұрын
Good idea
@Thomas.online
@Thomas.online Ай бұрын
Same here, I gave you 2 tries with 2 different email, I didn't receive anything
@frontend-tribe
@frontend-tribe Ай бұрын
Shoot a message to our support channel: support@frontendtribe.com
@scorpion32
@scorpion32 10 күн бұрын
The link doesn't work, I fill in my information and I get no email . Please help @frontendTribe
@frontend-tribe
@frontend-tribe 10 күн бұрын
Shoot a message to support@frontendtribe.com please 🙏
9 AMAZING SaaS Websites You Can Copy
9:54
Payton Clark Smith
Рет қаралды 26 М.
Oh No! My Doll Fell In The Dirt🤧💩
00:17
ToolTastic
Рет қаралды 10 МЛН
Yum 😋 cotton candy 🍭
00:18
Nadir Show
Рет қаралды 7 МЛН
OMG what happened??😳 filaretiki family✨ #social
01:00
Filaretiki
Рет қаралды 13 МЛН
managed to catch #tiktok
00:16
Анастасия Тарасова
Рет қаралды 48 МЛН
The Story of Next.js
12:13
uidotdev
Рет қаралды 568 М.
Reacting to 21 Design Portfolios in 22 Minutes
22:41
Flux Academy
Рет қаралды 569 М.
A New Drag And Drop Library For EVERY Framework
16:02
Theo - t3․gg
Рет қаралды 105 М.
Web Developer Portfolio - 9.5/10 (Front End, React)
11:54
CodingPhase
Рет қаралды 1,2 МЛН
Web Developer Roadmap (2024) - Everything is Changing
25:02
ByteGrad
Рет қаралды 360 М.
How to create Micro SaaS + AI + No Code, Solo | Beginner guide
38:05
Dennis Babych
Рет қаралды 227 М.
Oh No! My Doll Fell In The Dirt🤧💩
00:17
ToolTastic
Рет қаралды 10 МЛН