- Видео 10
- Просмотров 15 716
Stachy Codes
Добавлен 9 июн 2024
Learn coding with me. Frontend heavy. Second reliable source of truth after Godumentation*.
Build an Advanced Construction Website | React, NextJS, Strapi CMS, TypeScript
In this video together we will build a custom code-filled contractor app using ReactJS, NextJS, Strapi, Tailwind CSS, TypeScript, and more.
We will use modern NextJS 14 features. Make a Contact form using Server Actions, Zod for validation, and Resend.
This Next JS web application is fully responsive, server-side first, and unique.
In the end, we will put the cherry on top by connecting Strapi headless CMS to fetch projects.
Features:
Custom Carousel, Responsive React JS Navigation, Parallax Effect using NextJS Image component, connect Embla Carousel, Custom Breadcrumbs, Project Filtering, Pagination, and Map from React-leaflet.
This is a powerful portfolio project that will leave a strong impr...
We will use modern NextJS 14 features. Make a Contact form using Server Actions, Zod for validation, and Resend.
This Next JS web application is fully responsive, server-side first, and unique.
In the end, we will put the cherry on top by connecting Strapi headless CMS to fetch projects.
Features:
Custom Carousel, Responsive React JS Navigation, Parallax Effect using NextJS Image component, connect Embla Carousel, Custom Breadcrumbs, Project Filtering, Pagination, and Map from React-leaflet.
This is a powerful portfolio project that will leave a strong impr...
Просмотров: 6 321
Видео
Build This Portfolio Website and Get Hired in 2024 | React Next JS TypeScript TailwindCSS
Просмотров 6462 месяца назад
In this video, we will learn how to build and deploy a fast and goal-oriented responsive portfolio website using Next JS 14, React, Typescript, and Tailwind CSS. Github Repo Starter with Assets: github.com/galvotas/next-portfolio-starter Deployed to Vercel Website: next-portfolio-mwpp.vercel.app/ Code: github.com/galvotas/next-portfolio Business contact: www.stachycodes.com/en Chapters: 00:00 I...
Build a UNIQUE Web Development Agency Website | Next.js, TypeScript, TailwindCSS, Resend, i18n
Просмотров 4,6 тыс.2 месяца назад
I built a Web Development Agency and decided to show you how to do it using Next.js best features. This video includes React, NextJS, TypeScript, Tailwind CSS, Resend for emails and i18n functionality. In this tutorial, I am utilizing the best React features, including modern React best practices. Next Internationalization can be a difficult topic, but in this video, we solve Next.js i18n chall...
good job bro! the Strapi cms part is hard to follow you cos I cant see anything in your terminal and when I install strapi asked me many question but not asked question to you, for example what database, filename, structure data, typescritp..etc..so i stop there and decide to do it in the hard way with backend and admin panel. Thanks bro!
Where can i get the public images from?
Where do you get all the public images from?
I was looking for something similar ❤
@@HelloFaizan enjoy 😎
Helloooo. I prepared the starter code and added it to the description. Don't forget to enjoy the process!
Please provide the code
Hello stachies 👋 This project based tutorial is nothing fancy from code perspective. It was created with main goal - to present your skills to the whole world and land that job you dream about. If you find this video helpful, please drop a like and subscribe. Don't forget to comment tooooo. Thank you ❤
Please how do you get the suggested code snippets?
For autocompletion, I am using GitHub Copilot: github.com/features/copilot For snippets like "rafc" I use this one: marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets
@@stachycodes thank you so much
@@ufyohwo3613 hope it helps 🤓
Would you change something in this structure?
I suggest you give a vivid demo of your project
@@dennisdegraphicsdynamo_999 thanks for the comment. I will try to do better on next one. 🚀
Will you use it? Do you have similar hacks to share? Please do! Aaaand don't forget to subscribe if you want to see similar videos.
I really like your teaching skill and appreciated your time for sharing this tutorial , pls keep making it more 👏. A fan from Cambodia is waiting for the next vdo project especially the FullStack NextJs. Thank you Stachy.
@@BunThong-c3p hey there, Cambodia 👋 Thank you for such a nice feedback - videos will get only better and there will be more of those, including Fullstack 🚀
Thank you for watching, friends ❤ I would appreciate if you have any tips on how I can improve videos in the future so it's more pleasant to learn with me 🤓
Hello, I really liked the video and I want to write your site to be able to. But I can't, errors constantly pop up, now errors at the stage of the form 30 minutes. I don't understand what the problem is, can you throw a ready-made working code of the site so that I can run and see how everything works and solve my errors? Need practice.
@@ivanivanovich1132 privet! 😆 Did you add the Resend API key? Edit: removed repo to prevent ripping it in easy mode 🤓
There are two bugs on your website: 1. in the 'Hero section' a word Professional is too long when viewing on mobile devices; 2. in the footer a logo is broken.
Ohhh, I appreciate you a lot for taking time and letting me know! ❤🦸🙇♂ Thank you very much
Nice to know I thought it was a hacker or something
@@JamesBond-jp6dp maaaaybeee inside work 😎
Please share your experience if you tried this small hack.
I noticed that I forgot to glue the inline chat keyboard shortcut. First, you must have Github Copilot; second, the keyboard combination is Cmd+I or Ctrl+I. Thank you for watching!
Feel free to add to this here if I missed any cool shortcuts!
Very informative🎉🎉🎉
Ačiū, Dominykai <3