This is really cool, I'm new to react and next and i'm learning a lot, i bought you a coffee and got the source coda :) I might even try to tweak it and use it as my portfolio.
Woah... Just found your channel. Can't wait to get stuck in. As a suggestion it would be cool if you could create a video for a Digital Agency website.
It's a great project with a very clean design. I plan to use this as my new portfolio. However, there is a small issue. You added a scroll listener to the header; after scrollY > 50, the py-4 will change to py-6. This may cause a loop if the scrollY is near 50. I think the changing py value might affect the scrollY position.
Thank you so much! I just completed the project and it was truly amazing. However, I have a suggestion for the next time. Could you please explain things verbally for beginners like me? Also, I was wondering if you could create a full-stack portfolio with backend and authentication. That would be great! Thank you again. I really like your coding style.
I can't rember exactly but this is my extension list 👇 Theme: Material Community Theme Icons: Material Icon Theme Font: Jetbrains Mono Extensions: ES7+ React / Redux / React-Native snipppets File Utils Auto Close Tag Auto Rename Tag Highlight Matching Tag Live Sass Compiler Live Server Path Autocomplete Path IntelliSense Prettier Simple React Snippets SVG Preview Tailwind CSS IntelliSense Thunder Client vscode-faker
Hey Cristian, im @2:08:40 and when i add the flex class it makes the text inline and not in a row like yours, ive tried taking out the flex class but it messes up that whole section design. any clues to whats happening?
The `xl:text-[72px]` class does not exist. If `xl:text-[72px]` is a custom class, make sure it is defined within a `@layer` directive. facing this issue after the new tailwind update.
"use client"; import React, { useState, useEffect } from "react"; //COMPONENTS import Logo from "./Logo"; import Nav from "./Nav"; import ThemeToggler from "./ThemeToggler"; import MobileNav from "./MobileNav"; const Header = () => { return (
Hello, when i code in react and next js every single change that i do i must do npm run build and npm start, instaed i see that you just click ctrl s, how this is possible ahahah can hou help Me ?
Dear Cristian, I bought a coffee...:) I can't visualize exactly how your code is written. Could you help me to deploy the project please. Best regards, David
Thank you for this work! it's incredible the resources are available, no more training and learning with you
Awesome project! Exactly the material and stack I’ve been looking for
This is awesome! I'm learning Next js in practice from your videos!
What an absolute gent, thank you sir.
It's about time. Thanks bro
Awesome Tutorial, Absolute best!!
thank you so much for sending this!
This is really cool, I'm new to react and next and i'm learning a lot, i bought you a coffee and got the source coda :)
I might even try to tweak it and use it as my portfolio.
Woah... Just found your channel. Can't wait to get stuck in. As a suggestion it would be cool if you could create a video for a Digital Agency website.
Is it possible to tweak it to be a websites for small startup the provides consultancy?
Nice job sir, it's incredible the resources are available😊😊😊
I’ve been waiting or your next video fr
It's a great project with a very clean design. I plan to use this as my new portfolio. However, there is a small issue. You added a scroll listener to the header; after scrollY > 50, the py-4 will change to py-6. This may cause a loop if the scrollY is near 50. I think the changing py value might affect the scrollY position.
57:45 By Pressing CTRL+ click , you can jump into that components file.
Thank you so much! I just completed the project and it was truly amazing. However, I have a suggestion for the next time. Could you please explain things verbally for beginners like me? Also, I was wondering if you could create a full-stack portfolio with backend and authentication. That would be great! Thank you again. I really like your coding style.
Thanks Cristian :3
Always awesome ❤️
Thank you so much
Hello genius I want to ask you a question, what program can I use to make those cropped and borders on your profile picture to make it look the same?
Hi, I'm using Figma for all my designs, check it out and see if it works for you! :)
Many thanks
I am getting issue with navbar in home page it is working well while in other page it is transparent
Men we really love you.
When you click inside of an element bracket, it creates a border around the contents. Is this an extension?
I can't rember exactly but this is my extension list 👇
Theme: Material Community Theme
Icons: Material Icon Theme
Font: Jetbrains Mono
Extensions:
ES7+ React / Redux / React-Native snipppets
File Utils
Auto Close Tag
Auto Rename Tag
Highlight Matching Tag
Live Sass Compiler
Live Server
Path Autocomplete
Path IntelliSense
Prettier
Simple React Snippets
SVG Preview
Tailwind CSS IntelliSense
Thunder Client
vscode-faker
Hey Cristian, im @2:08:40 and when i add the flex class it makes the text inline and not in a row like yours, ive tried taking out the flex class but it messes up that whole section design. any clues to whats happening?
flex-col is the class make it a row.
The `xl:text-[72px]` class does not exist. If `xl:text-[72px]` is a custom class, make sure it is defined within a `@layer` directive. facing this issue after the new tailwind update.
these are arbitrary classes. It doesn't need to be in the tailwind. we can just add anything like this.
Dear Cristian, excellent work! , I just have a question, could you please write to me internally.
How did you create blob and developer image for background? did you use Adobe Illustrator
search for blobmaker on google and it's a website where you cand do any blob shapes
Hey. What font do you use in your editor?
Hey! Jetbrains Mono.
Hi , Awesome code , but I got stuck with hero section background image on dark mode. bg-none property is not working . any solution ?
Add "bg-transparent dark:bg-transparent" to the list of classNames
Wo brutal
hey mate, so i encountered an issue as i am not able to get the underline hover effect on my page
can you please help me?
import React from "react";
import Link from "next/link";
//Next Hooks
import { usePathname } from "next/navigation";
//Framer Motion
import { motion } from "framer-motion";
const links = [
{ path: "/", name: "home" },
{ path: "/resources", name: "resources" },
{ path: "/about", name: "about" },
];
const Nav = ({ containerStyles, linkStyles, underlineStyles }) => {
const path = usePathname();
return (
{links.map((link, index) => {
return (
{link.name === path && (
)}
{link.name}
);
})}
);
};
export default Nav;
"use client";
import React, { useState, useEffect } from "react";
//COMPONENTS
import Logo from "./Logo";
import Nav from "./Nav";
import ThemeToggler from "./ThemeToggler";
import MobileNav from "./MobileNav";
const Header = () => {
return (
{/* nav bar */}
{/* mobile nav */}
);
};
export default Header;
here are the two codes please help
Can i use the design for my own portfolio?
Sure! :)
please send me the link to the source code
Hello, when i code in react and next js every single change that i do i must do npm run build and npm start, instaed i see that you just click ctrl s, how this is possible ahahah can hou help
Me ?
Hi, just use npm run dev instead build and start
i love you
@@danieldelgadopalacios1352
Hi can you send a tutorial showing how to export this and deploy in c-panel
bro please send me the link to the source code
3:36:36 checkpoint
1:46:06
usescroll hook
2:01:15
Dear Cristian, I bought a coffee...:)
I can't visualize exactly how your code is written.
Could you help me to deploy the project please.
Best regards,
David
whyyyyyyyyyyyyyyyyyyyyyyy