Building a Full-Stack Web App with Next.js 14 – Portfolio Website
Step-by-Step Tutorial For Beginners!
Tailwind CSS & Vercel
This video is a tutorial on how to build a resume/CV website using Next.js and Tailwind CSS. It covers topics such as setting up a Next.js project, creating a layout and components for the website, and styling the website using Tailwind CSS. Additionally, the tutorial discusses how to deploy the website using Vercel, as well as how to make the website responsive for various devices.
💻 Source Code: https://github.com/timeToCode-ali/resume-app
🌟 BONUS: FREE CONSULTATION
1. Complete the tutorial and add one of the suggestions I mention
2. Like & Comment to let me know you’ve finished. (and Subscribe if you haven’t yet)
3. Get over Twitter and send me a link to your repo on Github. You can DM me or tweet me. (you can also send me an email, but I use more twitter. (Feel free to follow me on twitter to be up to date with my content)
4. I’ll review all the steps are completed
5. We’ll set up a call at a convenient time for both of us
Looking to Connect?:
💙 https://twitter.com/time_tocode
💌 time2code.ali@gmail.com
⌨️ https://github.com/timeToCode-ali
📃 https://medium.com/@time2code.ali
🟩 https://rumble.com/c/c-2168480
*Videos you may Like to watch:*
🎥  Build a Word Scramble Game with React JS
https://www.youtube.com/watch?v=hJYG_jBURYE
🎥 *Build a responsive card with CSS and Flex-box (& import your own fonts)*
[https://www.youtube.com/watch?v=osMvyD-wHjY](https://www.youtube.com/watch?v=osMvyD-wHjY)
🎥 *Build a Full Stack Next.js APP from scratch (Step-by-Step for beginners)*
https://www.youtube.com/watch?v=0BDfyWzw5Hw
🎥 *NEXT.js 13 Exploring the New Features*
https://www.youtube.com/watch?v=7Z69FzlBJwo
🎥 *How I Became a Software Engineer without a CS Degree | my experience + tips*
https://www.youtube.com/channel/UCImaDQuXp68xnaLuVR1dhfQ
🎥 The TRUTH about Lies and Coding – A software engineer’s perspective
https://www.youtube.com/watch?v=h13HHII40os
🎥 The Right Mindset to becoming a GREAT software engineer (6 TIPS)
https://www.youtube.com/watch?v=42K4i58xqAI
🎥 *Timestamp* 6 Hacks for Software Engineers in 2023*Timestamp*
https://www.youtube.com/watch?v=EY21FvwURWs
🎥 *Difference between Software Engineer and Software Developer in 2023*
https://www.youtube.com/watch?v=0HQPnPzUQSo
*Timestamp*
🔵 00:00 Build a Professional Resume/CV Website
🔵 00:45 Prerequisites
🔵 01:12 Demo of the Project
🔵 01:18 Bonus: FREE CONSULTATION
🔵 02:01 Purposes of this video
🔵 02.23 Importance of having a CV website
🔵 04.10 Walk-through final result
🔵 06:08 Set up the project
🔵 10:38 Pages/app Directory in Next.js 13
🔵 13:42 Tailwind css set up
🔵 19:00 Building the Sidebar and Layout
🔵 53:34 Building the About me section
🔵 01:00:40 Building the Skills section
🔵 01:23:15 Building the Professional Experience section
🔵 01:31:20 Commit changes to Github
🔵 01:32:35 Create a Github Repository
🔵 01:34:03 Deploy the App to Vercel
🔵 01:36:03 Suggestions
🔵 01:36:49 Bonus: FREE CONSULTATION