Full-Stack Next JS 14 Project - Green Energy Services

Рет қаралды 12,960

Күн бұрын

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

Пікірлер: 51

@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 27 күн бұрын

Thank you

@truongtritin 23 күн бұрын

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 23 күн бұрын

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 29 күн бұрын

@@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