🔴 Let's Build & Deploy Responsive Portfolio Using Next.js & TailwindCSS From Scratch.
HTML-код
- Опубликовано: 13 июн 2024
- Hey, guys👋 today we are going to build & deploy a brand new Modern responsive portfolio using Next.js, tailwind CSS & deployed to the Vercel domain from scratch step by step!
This project is for absolute beginner developers who can build their own portfolio like this and get placed in their dream company. Also, we talked about various sections in detail with the simple approach in diagrammatic form.
😊 Subscribe for new videos every week -
/ @streamline13
📚 References 📚 :
GitHub Code (give it a star ⭐) :
github.com/Streamline6/design...
💻My personal fav. hosting services :
vercel.com/
💻 Discord (For your tech. doubts) -
/ discord
❤️ Support Streamline & Suggest Future Videos:
Linktr:
linktr.ee/Streamline6
🌎 Find Me Here :
Discord Group :
/ discord
Instagram:
/ stream_line6
Twitter:
/ stream_line6
💼 Business Inquiries:
E-mail: webstreamline13@gmail.com
Time Stamps 👇
00:00 - Introduction
00:07 - Project Overview
01:03 - Project Setup & configure Tailwindcss
05:57 - Navbar
32:28 - HomePage Section
39:34 - Services Section
49:43 - Project Section
57:11 - Clients Section
01:03:27 - Contact Section
01:09:17 - Footer Section
01:15:29 - Project Deployment
Please do leave a like and Subscribe to stay updated drop a comment and share if you liked it. 👍
#reactjs #nextjs #tailwindcss #responsiveportfolio
As a developer who is graphic design clueless, I thank you for this invaluable hands on exercise with Tailwind! Very interesting work, looking forward to your weekly updates!
Thank you so much ☺️☺️
thanks, amazing
Thank you for the tutorial, I am completely new here but was able to follow along! I was wondering if you would be showing us how to click into the projects, and linking to individual project pages? Thanks again!
Thank you so much 😊 that you liked our content, Yes of course! will cover in an upcoming tutorial.
@@Streamline13 That's amazing, will look forward to your next tutorial, thank you :)
everything was fine. but you should do voice over .. without voice it's not giving me vibes to stay here I'm really sorry..
but i love this portfolio and i followed it ..nice one ❤
Thank You very much for liking my videos & thanks for the feedback we will definitely work on it in our upcoming videos.
i am having an error - Unexpected ref object provided for div. Use either a ref-setter function or React.createRef(). what do i do plz tell
So, initiate property in a component using createRef() like : [this.component = React.createRef()] then pass a reference to particular div like: [ref={this.component}] .
@@Streamline13 i have tried that portion of the codes, and written it like that,
"""
{() => (
Why when I install next.js and tailwind I get pages with the extension .tsx instead of app.js and index.js
Because you are using [npx create-next-app -e with-tailwindcss projectname] which is a predefined template by next.js flagged as .tsx extension. If you are willing to use .js extension then initialise a nextjs cmd normally [npx create-next-app projectname] then install tailwind seprately.
@@Streamline13 thanks so much for replying ! I will try this later !
please your tell ekstension in vscode
I use Tailwind CSS IntelliSense, prettier, brackets, babel, ES7 React/Redux/GraphQL/React-Native snippets.
Content was very good , nah it is Excellent. But sound track was very bad. It was hard to listen. You would do great if you do voice over.
Thank you very much for liking my content & we will definitely work on it in our upcoming videos.
It's okay to deploy a portfolio without a custom domain?
yes, definitely companies/clients they only need your web skills and projects online. They don't care about domains. So you can take any free platforms to showcase your work:)
@@Streamline13 Great. Thank you!!
Hamburger button isn't working how it should
As this piece of code work on previous versions of Tailwindcss. Now tailwind come-up with newer version so this might not work properly. For the Newer version, you can watch my Responsive agency website video (Navbar Section).
ruclips.net/video/0AmbHydAH20/видео.html
i also have the same complaint about your video the background music is not good buddy change it
We will definitely work on it in our upcoming videos.
what a disgusting loud soundtrack
Surely will take care of the soundtrack in the next video.
lmao