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 impression on employers. Hope you enjoy the process!

#nextjs #reactjs #frontend #webdevelopment

[stachycodes]

Helloooo. I prepared the starter code and added it to the description. Don't forget to enjoy the process!

[kikejoo]

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!