Hosna Qasmei
Hosna Qasmei
  • Видео 113
  • Просмотров 202 177

Видео

Next.js 14 Blog w/ View Counter and Minute Read
Просмотров 9883 месяца назад
Next.js 14 Blog w/ View Counter and Minute Read
My Coding Journey (the last 10 years)
Просмотров 5824 месяца назад
My Coding Journey (the last 10 years)
My Updated Way of Adding Pagination w/ Next.js 14, Tailwind CSS and shadcn/ui
Просмотров 6 тыс.4 месяца назад
My Updated Way of Adding Pagination w/ Next.js 14, Tailwind CSS and shadcn/ui
Shadcn UI Library just got even better!
Просмотров 3,1 тыс.4 месяца назад
Shadcn UI Library just got even better!
What I learned from my 15 failed side projects of 2023
Просмотров 4985 месяцев назад
What I learned from my 15 failed side projects of 2023
Build Projects 10x Faster with Next.js
Просмотров 8916 месяцев назад
Build Projects 10x Faster with Next.js
How to Add Gradient, Grid and Dots Background using Tailwind CSS
Просмотров 4,6 тыс.6 месяцев назад
How to Add Gradient, Grid and Dots Background using Tailwind CSS
How to Add an App Icon to Your Next.js 13 Project
Просмотров 3,2 тыс.7 месяцев назад
How to Add an App Icon to Your Next.js 13 Project
Build a Responsive Side Navbar w/ Submenu using Next.js 13 and Tailwind CSS
Просмотров 41 тыс.7 месяцев назад
Build a Responsive Side Navbar w/ Submenu using Next.js 13 and Tailwind CSS
Build X's Responsive Side Nav with Next.js 13 and Tailwind CSS
Просмотров 2,5 тыс.7 месяцев назад
Build X's Responsive Side Nav with Next.js 13 and Tailwind CSS
Build X's Bottom Nav with Next.js 13 and Tailwind CSS
Просмотров 1,7 тыс.7 месяцев назад
Build X's Bottom Nav with Next.js 13 and Tailwind CSS
Build Vercel's Animated Tabs with Tailwind CSS and Framer Motion
Просмотров 2,8 тыс.7 месяцев назад
Build Vercel's Animated Tabs with Tailwind CSS and Framer Motion
Why I Switched to Mobile Dev
Просмотров 7199 месяцев назад
Why I Switched to Mobile Dev
These Tips Made Me a Better Developer
Просмотров 76311 месяцев назад
These Tips Made Me a Better Developer
How to Add a Contact Section to Your Landing Page | Next.js 13.4
Просмотров 1,8 тыс.11 месяцев назад
How to Add a Contact Section to Your Landing Page | Next.js 13.4
Creating a Dynamic Navbar Shadow Effect
Просмотров 1 тыс.11 месяцев назад
Creating a Dynamic Navbar Shadow Effect
Create a Landing Page with Next.js 13.4, Tailwind CSS and Tailblocks
Просмотров 8 тыс.11 месяцев назад
Create a Landing Page with Next.js 13.4, Tailwind CSS and Tailblocks
My First T3 Stack Project and the Latest Updates
Просмотров 1,4 тыс.Год назад
My First T3 Stack Project and the Latest Updates
Build an AI Image to Text Generator using Next.js 13, Upstash Redis and Replicate
Просмотров 1,8 тыс.Год назад
Build an AI Image to Text Generator using Next.js 13, Upstash Redis and Replicate
Should you do a Machine Learning Bootcamp?
Просмотров 520Год назад
Should you do a Machine Learning Bootcamp?
I Built 7 Different Developer Portfolios in Just 3 Months
Просмотров 1,1 тыс.Год назад
I Built 7 Different Developer Portfolios in Just 3 Months
Build and Deploy a Quote Generator with Next.js 13.2, Upstash Redis, Tailwind CSS and Vercel
Просмотров 1,4 тыс.Год назад
Build and Deploy a Quote Generator with Next.js 13.2, Upstash Redis, Tailwind CSS and Vercel
Learn Pagination in less than 5 minutes
Просмотров 1,2 тыс.Год назад
Learn Pagination in less than 5 minutes
Generate Realistic Fake Data with faker.js using Next.js 13 and Tailwind CSS
Просмотров 3 тыс.Год назад
Generate Realistic Fake Data with faker.js using Next.js 13 and Tailwind CSS
Create a Splash Screen with Next.js 13, Tailwind CSS and Anime.js
Просмотров 10 тыс.Год назад
Create a Splash Screen with Next.js 13, Tailwind CSS and Anime.js
Build and Deploy a Responsive Personal Portfolio Website Using Next.js 13, Tailwind CSS and Vercel
Просмотров 44 тыс.Год назад
Build and Deploy a Responsive Personal Portfolio Website Using Next.js 13, Tailwind CSS and Vercel
Build a Full Stack Application with OpenAI, Next.js 13, Vercel and Chakra UI
Просмотров 6 тыс.Год назад
Build a Full Stack Application with OpenAI, Next.js 13, Vercel and Chakra UI
Track Your Website Analytics with Umami and Railway
Просмотров 1,2 тыс.Год назад
Track Your Website Analytics with Umami and Railway
Build a Professional Landing Page with Next.js 13, Chakra UI and Vercel
Просмотров 32 тыс.Год назад
Build a Professional Landing Page with Next.js 13, Chakra UI and Vercel

Комментарии

  • @chhunlayoeang7880
    @chhunlayoeang7880 14 часов назад

    Hello sister I want to learn nextjs . Your video is good .

  • @mohsinrezashohag2665
    @mohsinrezashohag2665 5 дней назад

    Hey Hosna, you are doing great, and I really appreciate your effort. I have one suggestion to you to create playlist for specific project videos or else to keep things organized

  • @CringeCollective
    @CringeCollective 6 дней назад

    This channel reserves much more subs and views!!

  • @polarisinglol
    @polarisinglol 7 дней назад

    Wonderful Sidebar and Animations, wow!

  • @kakajandeveloper
    @kakajandeveloper 7 дней назад

    sorry bro, u dont use features of nextjs 14

  • @jimmadjy
    @jimmadjy 9 дней назад

    This is something I've been looking for . Thank you 👍

  • @user-no8ib6pl4n
    @user-no8ib6pl4n 11 дней назад

    Hello, could you please help me understand what I might have done wrong at @2.52 in the video? I've tried following the steps to create the header section, but I'm not achieving the same result as you. Any suggestions on what I might have done differently?

  • @spaqoo
    @spaqoo 14 дней назад

    You are doing good. ut it will be great if you clear a roadmap of your videos and main feature of your videos means topic. i have watch many videos of your but i am still confuse how do i start.

  • @craig-scott
    @craig-scott 16 дней назад

    Awesome. Well done :)

  • @ariezazlan5661
    @ariezazlan5661 20 дней назад

    im a beginner & i love your video so much, i really wanted to learn astro and your content is the best. You showed the struggle and i always felt that when im trying to learn. I feel like im going through the pain along side you. Keep up the good work . i hope i can be a good web developer through you. Thank you teacher

  • @sammyxf6992
    @sammyxf6992 20 дней назад

    i have added the tail wind in my project but the snippet seem not work

  • @rod6722
    @rod6722 24 дня назад

    9:40 I'm actually building something similar to that. Not a mobile app, though, but a web app. Because I find Goodreads a bit clunky, so I thought I'd try to build my own alternative. If there are any features you'd like to recommend I'm all ears! ;)

  • @muhammadalifdanielbinmohdh3188
    @muhammadalifdanielbinmohdh3188 25 дней назад

    i miss the stream lol

  • @Mohammadr_m
    @Mohammadr_m 26 дней назад

    Merc Hosna!

  • @mehdijafarzade2381
    @mehdijafarzade2381 27 дней назад

    💯💯💯💯

  • @asadmehboob1300
    @asadmehboob1300 27 дней назад

    Please also make video on read write docx in js and convert to pdf....

  • @sammyxf6992
    @sammyxf6992 27 дней назад

    amazing new sub you just earned it

  • @tsykin
    @tsykin 27 дней назад

    I recommend making your own blog and trying to setup SEO for it. It will give you much more practical knowledge about SEO compared to just reading docs 😊

    • @hqasmei
      @hqasmei 27 дней назад

      I definitely will, thanks for the suggestion!

  • @obaloluwatubi7114
    @obaloluwatubi7114 28 дней назад

    Hii Hosna, thank you for this. I was really helpful. In fact, I made use of it across the project I'm currently working on. Tho, I have an issue when using it for the tabs, as the {selectedRect && navRect} positioning is not consistent as the screen sizes change. How can you help me solve this please?

  • @ACEmmanuel
    @ACEmmanuel 28 дней назад

    Thanks alot 😮😮😮😮 This is what I have been looking for

  • @joshbleijenberg4000
    @joshbleijenberg4000 Месяц назад

    Is this build with shipfast?

  • @solitexhexploring9637-qh6lv
    @solitexhexploring9637-qh6lv Месяц назад

    hey

  • @hameedmajeed366
    @hameedmajeed366 Месяц назад

    احبج ، خلنتزوج

  • @andredesbiens1489
    @andredesbiens1489 Месяц назад

    Very useful, thank you. Just one thing that I would change in your code since you are using TS and this is hurting my eyes totalPosts: number; postsPerPage: number; currentPage: number; setCurrentPage: (page:number) => void;

    • @hqasmei
      @hqasmei Месяц назад

      Will do thanks for the feedback!

  • @aznravensdrive5900
    @aznravensdrive5900 Месяц назад

    thx for the videos! can you create an appointment/booking/daily planner type app? with the red bar that's on the current time and scrolls from like 9am to 9pm like other apps?

  • @Gaamaa-oz5ef2lf3n
    @Gaamaa-oz5ef2lf3n Месяц назад

    Too complecated. Ha ha ! That's what React.js making any simple things complecated ? Hello ! Is there any one who teach things simple and easy on RUclips ?

  • @maskman4821
    @maskman4821 Месяц назад

    This is an awesome project ❤

  • @tmanley1985
    @tmanley1985 Месяц назад

    This is stellar content. WebDevCody sent me and I'm very glad that he did.

  • @gabrielbianchi2246
    @gabrielbianchi2246 Месяц назад

    This project is really nice and looks like it has a lot of best practices. I wonder, will you ever make it open-source so I can learn more about how it was built?

  • @rakshiths.n9680
    @rakshiths.n9680 Месяц назад

    Your voice is lower & not loud

  • @TheIaTaI
    @TheIaTaI Месяц назад

    Is there a reason why ReportView is a client component? couldn't api/increment/ be also called on the server?

    • @hqasmei
      @hqasmei Месяц назад

      Yup can can also do that I believe

  • @zenitsu4139
    @zenitsu4139 Месяц назад

    thanks a lot. Instant sub and like. I was struggling to implement it. Also Can You Make A tutorial For Infinite Carousel

  • @mohammedkaka5558
    @mohammedkaka5558 Месяц назад

    💗💗

  • @VenkatesanVenkat-fd4hg
    @VenkatesanVenkat-fd4hg Месяц назад

    You can make short series, if you built based on some roadmap. Kudos to your efforts....

  • @NeetCode
    @NeetCode Месяц назад

    Oh no, can't believe I missed this stream Hosna!

    • @hqasmei
      @hqasmei Месяц назад

      Won't be my last😉 Probably will do another one after I get a little better at doing NeetCode problems🤣

    • @NeetCode
      @NeetCode Месяц назад

      @@hqasmei your killing it 🔥🔥🔥 i'll try to catch it live next time :)

  • @williamsernesto1
    @williamsernesto1 Месяц назад

    I was not able to use "SPRING" type animation it keeps crashing saying '' Error: Only two keyframes currently supported with spring and inertia animations. '' so I switch it for tween type it does not look as good as yours haha... here is the code if anyone has the same problem const sidebar = { open: { width: '100%', transition: { type: 'tween', duration: 0.3, // Adjust duration as needed }, }, closed: { width: 0, transition: { type: 'tween', duration: 0.3, // Adjust duration as needed }, }, };

    • @hqasmei
      @hqasmei Месяц назад

      Looks like someone else got a similar issue, looking it to it will get back to you.

  • @johnpaul5836
    @johnpaul5836 Месяц назад

    This was going so well. But when you open and close the mobile menu a few times you get error errors.mjs:19 Uncaught Error: Only two keyframes currently supported with spring and inertia animations. It doesn't seem to like const sidebar having two 'spring' transiton types. So I set the first type to 'tween' which is the default and all work fine now.

    • @hqasmei
      @hqasmei Месяц назад

      Looks like someone else got a similar issue, let me look into it. Not sure if any of the packages changed.

    • @johnpaul5836
      @johnpaul5836 Месяц назад

      @@hqasmei Hi, I did use the most up to date versions of all packages. I also noticed that NPM run dev, the first time the page loads, I see no chevrons in the sidebar and the mobile menu toggle wont work. I have to refresh to get everything going. Running Build does get everything working on first load though.

    • @johnpaul5836
      @johnpaul5836 Месяц назад

      I think the reason the chevrons dont appear on the first page load is there must be a delay in getting the info from the usePathname() hook. I manage to get round this by setting useState to when we have a path. so under the MenuItem compoenent, we can say const pathname = usePathname(); const isCurrentPath = item.path === pathname; const [subMenuOpen, setSubMenuOpen] = useState(isCurrentPath);

  • @user-ui8fb5qd9x
    @user-ui8fb5qd9x Месяц назад

    can you please do this with next js 14

  • @maskman4821
    @maskman4821 Месяц назад

    Is Remix better than Next? unless Remix has server component 😅

    • @dolapoadefisayomioluwole1341
      @dolapoadefisayomioluwole1341 Месяц назад

      Remix were the pioneer of server component. Every component is a server component in remix and it’s infrastructure is more intuitive than next js .

    • @maskman4821
      @maskman4821 Месяц назад

      @@dolapoadefisayomioluwole1341 Thank you for informing me this 🥰

  • @harpo187bling
    @harpo187bling Месяц назад

    Good video

  • @TechyLewis
    @TechyLewis Месяц назад

    Sadness that i keep on missing the streams cuz of work 😭

  • @eca8799
    @eca8799 Месяц назад

    It is advisable to wrap Pagination in PaginationSection? how could access to PaginationItem properties from PaginationSection?

  • @kunalkeshan
    @kunalkeshan Месяц назад

    Hey Hosna, great video. Thanks for trying out touchgrass 😅. Appreciate the inputs you've given, we noticed the UI changes to be done too! We're a relatively new to Convex and myself and team members don't have much focus on frontend. We'll definitely make changes with your inputs. You should try out the Grass Toucher panel as well - it allows you to chat with your habits (it's a work in progress and might not be fully accurate yet, but it's a start)

  • @firewoll123
    @firewoll123 2 месяца назад

    You answer my question mom 😁 thanks

    • @hqasmei
      @hqasmei Месяц назад

      Happy to help!

  • @iuashrafi
    @iuashrafi 2 месяца назад

    3 side projects 😥

  • @Abhishek-fw7oo
    @Abhishek-fw7oo 2 месяца назад

    How are you hosting convex ?

    • @hqasmei
      @hqasmei Месяц назад

      Our backend and database are in convex. Hosting it on Railway.

  • @WebDevCody
    @WebDevCody 2 месяца назад

    22k lines of typescript and counting! I have to say this is the farthest I've gotten on a side project. I made a goal to make my first SaaS (subscription based) this year, so it feels nice to have 4 paying users.

  • @boyywnkobe
    @boyywnkobe 2 месяца назад

    how to add startup image when app is opening

  • @krittiyaclark
    @krittiyaclark 2 месяца назад

    Thank you, Hosna! Can you teach me how to build a blog with tags and pagination like this with Next.js + Prismic?

  • @MORED3
    @MORED3 2 месяца назад

    thanks for the tutorial