Full-Stack Next JS 14 Project - Green Energy Services

Today's video we will going to be built completed the full stack project with Sanity CMS.This is the longest series i had made so far. Any feedback and improvement points will be help. I hope you all enjoy it and subscribe for more cool design and development projects. Thank you so much!
/ Links /
Project URL : energy-power-website.vercel.app/
Remember to star!
Project Source Code : github.com/Tritintruong114/en...
Figma Reference: www.figma.com/file/PKIHYQ1dkL...
Nextjs Starter Boilerplate: github.com/Tritintruong114/ne...
/ My socials /
Github: github.com/Tritintruong114
LinkedIn: / truongtritin-bruno
Facebook: / tin.truong.773981
/ Wanna join a community ? 🌏/
Community Discord: / discord
Timestamps
00:00 Intro
05:52 Es1 - Set up Menu & Responsive
55:41 Es2 - Homepage & Hero section
1:13:00 Es3 - Homepage Features & About-us
1:46:15 Es4 - Homepage Metrics & Experts
2:21:50 Es5 - Homepage Blog & Footer
3:00:40 Es6 - Homepage testimonials & Refactor Code
3:57:19 Es7 - Header & Button & Source Code
4:17:21 Es8 - Careers Page UI
4:41:26 Es9 - Pricing Page UI
4:54:10 Es10 - About Us Page UI
5:19:21 Es11 - Blog Page & Detail Post
5:52:58 Es12 - Sanity.io Integrate & Hero section
6:41:37 Es13 - Home Page Dynamic Data
7:44:39 Es14 - Careers & About-us Pages Dynamic Data
8:27:06 Es15 - Prcing Page Dynamic Data
8:51:24 Es16 - Blog Page & Blog Detail Post Dynamic Data
9:45:20 Es17 - Deploy Sanity & Refactor Code

[@techprak282]

Sir basically i want to know what does this website do

[@truongtritin]

wow what a good question, this website basiclly for the beginner to have a stand out project in the cv and porfolio, that all the purpose of this channel

[@techprak282]

@@truongtritin sorry but i think it does some functions that's why i ask for it

[@FahadKiani1]

wow - I want to thank you for your dedication to this project and the amount of great content and technical capabilities you put into it!

[@truongtritin]

Hi Fahad, thank you for kind words, it's my pleasure to make some technical become visual for our community

[@GregPeters1]

High quality stuff! Thank you!

[@truongtritin]

Hi Greg, thank you for kind words, it was mean for you guys, hope you have a lot of practices (Check the source code for time saving)

[@darksideeditions4251]

I'm from Brazil, and I just wanted to say that your content is very good, thank you.

[@truongtritin]

Woww, Brazil! Hope you enjoy the series buddy

[@soyelchicodelanus8471]

this project is AMAZING!!

[@truongtritin]

Thank you, hope you guys enjoy it. Remember to check out the source code to save more time 😅

[@abbaril]

Awesome work 💯... Subscribed 🎉

[@truongtritin]

Thanks!

[@smartdriver2990]

Awesome thanks for the tutorial🎉

[@truongtritin]

Thank you buddy

[@niteshprajapat7918]

Amazing project 🎉❤

[@truongtritin]

Thank you buddy, hope you enjoy. Also checkout the source code ✅

[@preserveoladipo2792]

Wow you have good content, I love to see more

[@truongtritin]

Okay, that's sound good, properly will delivery more content for community

[@swastikpatel234]

a lot to learn from this, awesome quality content man, keep up your good work

[@truongtritin]

Hi bro, thank you a lot, properly will, don't forget to look at the source code, it will help save time

[@kelas.kreatif]

AWESOME...
SUBSCRIBED

[@truongtritin]

Subscribeddd!

[@rajmauryafr]

Lessgo🎉

[@truongtritin]

Enjoyyy

[@valenciawalker6498]

Thank you

[@truongtritin]

My pleasure

[@kevn7464]

Good work! However, a few suggestions :
1) The dark green is really harsh especially having it on the banner section
2) page transition animations and animations in general
3) Uneven spacing and layout - also some text seems to wrap when it shouldn't like on the careers page

[@truongtritin]

Hi buddy, thank you for your suggestions. Yup the darkgreen really look not to great, properly will chose a better color design for the next series, page transition that cool animation, will properly include also and the last one i need to apologize you for these, in the development time it i was changing the design and layout and text also 😅 it's won't look like 100% in the design source.
Could you forgive me that? 😅
PS: Will do better next time

[@kevn7464]

@@truongtritin It's just a few observations that I thought would take it to the next level. Of course I understand putting all of this would be a mammoth task and would better be broken down into smaller individual videos.

[@tussharpaul1742]

Dark green is not that much bad, it looks ok to me but can be improved as per your suggestion , but as some percentage of it resembles likely with the mongoDb website which is very awesome (anyone following this video can take theme reference from the mongodb website)

[@focus_seeker]

Best tutorial

[@truongtritin]

Thank you buddy

[@maczain]

this is a really great one. my humble request, the source code doesn't really look the same like the final video project 😌.

[@truongtritin]

Hi maczain, sorry to here this, have a look on this,github.com/Tritintruong114/energy-website/tree/energy-full-stack

[@maczain]

@@truongtritin woooow, you’re the best 😀🤝. it deserves a star ⭐️

[@tushswe]

Hi, what chrome extensions are those you are using kindly?

[@truongtritin]

Hi,it call mobile simulator is the one that use for responsive

[@crossmindedninja5522]

Suggestion; have a figma file for the design as well

[@truongtritin]

Hi buddy, properly check the desc. It already in there buddy, enjoy it

[@ashutosh_tiwari]

The text is so small on vs code, please zoom it more on the next course.

[@truongtritin]

Hi buddy, sure, sorry for that 😅 make sure it won't happen next time lol

[@bhargavkumar]

Sound is too low. It's difficult to hear even on full volume

[@truongtritin]

Sorry for that Bharga, it's properly my un-professional styles 😅. Will improve next time yea? also check the source code for the code okay

[@Abcxyz.24]

hii, can you PLEASE provide a .env sample, actually my placements are coming so i thght it'd be great project to showcase, pleasee. That'd mean alot. i just want to run this on my machine and deploy it. please guide me.

[@truongtritin]

Hi buddy, the .env also in the source code, you can check the branch of this project and in the next.config.js, and the .env also in there
github.com/Tritintruong114/energy-website/tree/energy-full-stack

[@shaquillendunda9283]

@@truongtritin In case someone wants to change the content, it's impossible to do so when visiting the /studio route as it it says you do not have authorization to access this studio. How can one use their own project id and still get the structure in your studio for the project?

[@truongtritin]

@@shaquillendunda9283 , hi shaquill, that a good question, usually you have to give the editor or clients permission through sanity manager therefor they can able to edit the content with the studio domain. The structure in my studio you guys must be build the schemas follow the structure in my project to your project. Then it will have the same format. Hope this help

[@user-yt8jd1oo7c]

do you use database

[@truongtritin]

Hey buddy, the Sanity cms already integrate database in their services

[@user-yt8jd1oo7c]

@@truongtritin thanh you