Is it possible to let the marketing team create new pages with custom components created before hand and assembling them together without the development team's involvement after an initial development process?
Well, that’s exactly what Prismic is about! You can experience it by cloning the final repo of this course (in the description) or by using the online demo (prismic.io/try)
I'm back again from finishing the golden standard site. I can't wait to follow along with this gem. Also, thank you for this series. It has influenced how I build any website. Prismic Rocks!
one of the most underrated powerful tech agencies on youtube keep up the amazing work prismic team, surely the algorithm will feed you more attention! I love your projects you showcase they really show how creative your team is and how great in delivery of information your team is!
I built my first website 4 years ago and this is kind of what I wanted to do I ended up with some pngs floating and I couldn’t get what I was seeking for Today I discovered GOLD to do what I had in mind the first time I wanted to build my own website I will document it and make a video using this AWESOME tutorial as a reference Thank you A LOT This is 🔥
@TrostCodes lovee it, one thing in my previous projecr Glisten ai one my client want that site to be multi language really struggle to implement it via prisma by following vid tutorial but not able to implement it.
Such a great tutorial all round! Picked up a few handy tricks alongside beautiful gsap animations! Also your demeanour is very fun and makes it easy to stick around
Duuuude this content is the best that i ever saw, even me that have no good english, this is completetly understanDABLE? hahaha you know? this is amazing, and you didact is pretty good, you make it easy, i hope you do more r3f tutorials, thats my dream work on it someday but dont have brazilian content yet. thanks a lot.
Wow, I'm honestly honored, thank you so much for the kind words. I'll definitely do more r3f courses, it's so fun to work with and the possibilities are endless!
I must say , Outstanding content 🔥❤️ Keep going mate. The concepts and content you delivered and the final product, Gosshh! 🔥 I have been working with Framer Motion and vanilla Three Js on production level for almost 2 years now, but after watching this I feel like I am so behind the trend 😅. I can't Thank you enough for this video 💕 Now I know how powerfull GSAP is compared to Framer Motion and also "react-three-fiber" than "THREE.js" .... It is going to save me alot of time and effort. Once again Thank you for this 🙌 keep making this quality content
Wow, I'm so happy that you learned so much from this, even having experience with animation libraries and Three.js already! Yeah, Framer motion is great too, but I think GSAP just gives us so much more control, and I love that it's framework agnostic, where framer is React only. It's been my go-to for years now.
I loved watching the video! I really enjoy using Prismic in my projects; it adds a lot of value due to its simplicity and fulfills my clients' needs very well. I'd like to take the opportunity to suggest an idea for the next NextJS video: creating a multipage site using slices, along with framer-motion/gsap for animations, as well as preload and transition effects between pages. Keep up the amazing work, which has greatly helped in expanding my knowledge with this incredible Headless CMS 🚀
Luiz this is WONDERFUL feedback, and I love the concept. I'm going to try to make it happen, especially because Prismic has new migration tools that will make adding a lot of content a breeze. Transition effects are a great topic. Tough to do with the App router, because of the root being server rendered, but maybe we could lean on the new CSS ::view-transition property, even though it's not available in Firefox and Safari (It's landing in the next version of Safari so it'll work soon enough)
I'm so glad, thanks for saying that! Honestly not sure about the SvelteKit tutorial for this one, just as the SK courses don't do nearly as well as the Next.js ones, and since both courses take the same time to create, I want to be able to teach as many people as possible. Not saying I'll never do SvelteKit tutorials again (I personally prefer SvelteKit), it's just there's much more demand for the Next.js tutorials.
I learnt a lot during this tutorial!! just one thing, there are way too many tailwind classes used, am i supposed to know them all, or how do i go about it, it feels overwhelming at times, thank you!
I am trying to do this project but at the SkyDive section i get the animations and the can and clouds but i dont get the text coming at all and there is a error - Unhandled Runtime Error TypeError: Cannot read properties of undefined (reading 'replace') not sure where am i wrong because the rest code seems all okay
I had the same issue and checked the package.json in the repo and installed the same dependencies for drei, three fiber with the same versions as the ones in the repo. It seems to be an issue with the Text component of drei
Hey legends, love the content. Any tips on how that amazing Fizzi hover animation was made, did you make a a static SVG logo then add the clipping mask to it ? want to learn absolutely love it :D
Ah yeah, GitPod and those types of environments don't play well with Slice Machine right now. We're hoping to figure out a solution in the future but right now it's not possible.
@@TrostCodes thank you so much ..for the reply , am having lots of fun developing with you in the local environment ..your content is i dont know ....thanks alot for allowing me build my portifolio with your projects
Hey! Am I the only person who constantly have problems with Prismic? on my Mac I can't login in chrome... I really want to give it a try, it looks amazing, but it turns out so frustrating😥. Watching this video I even have an error while running the initial npm run dev 😭 my version is prismic-cli/4.2.3 darwin-arm64 node-v20.11.0 Apple M2 Sonoma 14.4.1
Is it possible to let the marketing team create new pages with custom components created before hand and assembling them together without the development team's involvement after an initial development process?
Well, that’s exactly what Prismic is about! You can experience it by cloning the final repo of this course (in the description) or by using the online demo (prismic.io/try)
@@Prismic thanks. I'll look into it now.
Would you let your private chef re-cable the electricity in your house?
@@ElHeloint Nope. But then, it's not my house but my client's who wants to do exactly that to save cost.
I'm back again from finishing the golden standard site. I can't wait to follow along with this gem. Also, thank you for this series. It has influenced how I build any website. Prismic Rocks!
I'm thrilled to hear that, Quent! Thanks so much for going through the courses and giving such kind feedback.
WOAAHHH! DEFINITELY MAKE MORE VIDEOS LIKE THIS PLEASE PLEASEEE!
Will do! So glad you like it!
You are changing lives Sir. Much love and respect to you. 🙏
You guys are amazing for dropping this gem. 😘
You're amazing for such a kind comment!
one of the most underrated powerful tech agencies on youtube keep up the amazing work prismic team, surely the algorithm will feed you more attention! I love your projects you showcase they really show how creative your team is and how great in delivery of information your team is!
Amazing！ This is the best gsap tutorial I've seen on youtube.Thx Man！
Wow that's high praise! Thank you!
Awesome project! I learned tons. This is my first time creating a 3D site like this. Thanks for creating this tutorial-really appreciate it!
I built my first website 4 years ago and this is kind of what I wanted to do
I ended up with some pngs floating and I couldn’t get what I was seeking for
Today I discovered GOLD to do what I had in mind the first time I wanted to build my own website
I will document it and make a video using this AWESOME tutorial as a reference
Thank you A LOT
This is 🔥
Amazing work! Love the tech stack, and the design!
Yeah, it's a great stack. Three.js + GSAP is unbeatable 💪
Man o man, legend is back with masterpiece
Haha thanks! Really glad you like it.
@TrostCodes lovee it, one thing in my previous projecr Glisten ai one my client want that site to be multi language really struggle to implement it via prisma by following vid tutorial but not able to implement it.
Such a great tutorial all round! Picked up a few handy tricks alongside beautiful gsap animations! Also your demeanour is very fun and makes it easy to stick around
Duuuude this content is the best that i ever saw, even me that have no good english, this is completetly understanDABLE? hahaha you know? this is amazing, and you didact is pretty good, you make it easy, i hope you do more r3f tutorials, thats my dream work on it someday but dont have brazilian content yet. thanks a lot.
Wow, I'm honestly honored, thank you so much for the kind words. I'll definitely do more r3f courses, it's so fun to work with and the possibilities are endless!
the app is so good is fantastic
Ah I'm so glad you think so! I appreciate it.
Not a Next.js user but you guys are amazing dropping such cool stuff. Thanks Alex!
I still need to take a look at the Svelte one :D
Blokche! Great to see you, and I appreciate the kind words. Let me know what you think about the Svelte one if you get the chance :)
Mehn...
Haven't watch this past 8 mins, but I am sure this is gonna be a great video. 💯
Thanks man ❤🎉
I hope the rest of the video lived up to your expectations!
Really loved the tutorial!
I'm so glad Rohan! Let me know if you deploy it anywhere, I'd love to see how it came out.
Great work Alex 💚
Aw thank you Cassie! Couldn't have done it without all of your help, you're THE BEST
Amazing Staff, Thank you!
So glad you like it!
Ohh My God ! 🤯 I'm gonna make it for sure 😍 Thanks a lot for posting such kind of creativity on youtube.
This is really cool!
Thanks Gerhard!
You are awesome. I'm going to start this from tomorrow
@NukelimerCodes yes it is
@NukelimerCodes Yes, 100% free. We use Prismic's free plan and Vercel's free plan to host.
I hope you find it fun and informative!
@@TrostCodes Error: Could not load /Soda-can.gltf help please
Have you completed it?
Thank you, excellent project, thank you for using Next.
Finally something i was looking for, thank u thank u thank uuuuuuuuu
Definitely going to code it asap
Amazing, I hope you enjoyed it!
I must say , Outstanding content 🔥❤️ Keep going mate. The concepts and content you delivered and the final product, Gosshh! 🔥
I have been working with Framer Motion and vanilla Three Js on production level for almost 2 years now, but after watching this I feel like I am so behind the trend 😅.
I can't Thank you enough for this video 💕 Now I know how powerfull GSAP is compared to Framer Motion and also "react-three-fiber" than "THREE.js" .... It is going to save me alot of time and effort.
Once again Thank you for this 🙌 keep making this quality content
Wow, I'm so happy that you learned so much from this, even having experience with animation libraries and Three.js already! Yeah, Framer motion is great too, but I think GSAP just gives us so much more control, and I love that it's framework agnostic, where framer is React only. It's been my go-to for years now.
This is amazing wonderful wow
Thanks Joseph!
This is crazy !!!
Haha thanks, I'm glad you think so!
This is Aweasome
Thanks, Anime!
Uff Increible... Felicitaciones
Thank you!
Thank you so much !!
You're very welcome, and thank you for the kind comment!
this is something incredible
I loved watching the video! I really enjoy using Prismic in my projects; it adds a lot of value due to its simplicity and fulfills my clients' needs very well. I'd like to take the opportunity to suggest an idea for the next NextJS video: creating a multipage site using slices, along with framer-motion/gsap for animations, as well as preload and transition effects between pages. Keep up the amazing work, which has greatly helped in expanding my knowledge with this incredible Headless CMS 🚀
Luiz this is WONDERFUL feedback, and I love the concept. I'm going to try to make it happen, especially because Prismic has new migration tools that will make adding a lot of content a breeze. Transition effects are a great topic. Tough to do with the App router, because of the root being server rendered, but maybe we could lean on the new CSS ::view-transition property, even though it's not available in Firefox and Safari (It's landing in the next version of Safari so it'll work soon enough)
Amazing!!! I love your projects. Can you guys do a sveltekit version too?
I'm so glad, thanks for saying that!
Honestly not sure about the SvelteKit tutorial for this one, just as the SK courses don't do nearly as well as the Next.js ones, and since both courses take the same time to create, I want to be able to teach as many people as possible. Not saying I'll never do SvelteKit tutorials again (I personally prefer SvelteKit), it's just there's much more demand for the Next.js tutorials.
i did it thank you so much for helping me get this asset in my portifolio......your amazing teacher........
Error: Could not load /Soda-can.gltf help please
Wow , thanks ❤ , Nice proyect
Thank you!
Hey just a doubt can you please tell the scroll triggere which you applied to hero class i didnt know what the hero class contain
What an eye candy. You are the best. Insta follow.
Ah that's super kind of you to say, I'm glad to have you here!
Absolutely well done
Thanks so much!
just wow content .
Thank you!
Amazing 🤩
amazing sir
Thank you!
amazzzedd
Thanks Stelllar!
can I plz know how to get really small hdr files ?
thank you, you are doing really great.
I just scaled them down in an image app like photoshop and kept the aspect ratio and it works just fine for a fraction of the size.
I learnt a lot during this tutorial!! just one thing, there are way too many tailwind classes used, am i supposed to know them all, or how do i go about it, it feels overwhelming at times, thank you!
Which componet has the .hero claa in it @Prismic
Hey @Prismic please be tell where you have used .hero class for the scrollTrigger
Hey @gamer I'm not quite sure what you're asking - have you looked at the github repo to see the final code? That might have your answer
I am asking the hero class where is that the scroll trigger is applied to it so where is the hero class
Is it given to a element or an tsx file
Can I use this in my Shopify Website?
More videos like this :3
I am trying to do this project but at the SkyDive section i get the animations and the can and clouds but i dont get the text coming at all and there is a error - Unhandled Runtime Error
TypeError: Cannot read properties of undefined (reading 'replace') not sure where am i wrong because the rest code seems all okay
I had the same issue and checked the package.json in the repo and installed the same dependencies for drei, three fiber with the same versions as the ones in the repo. It seems to be an issue with the Text component of drei
If we customize the can labels in Figma. How do you make it on the cans?
The site is fucking awesome. Can you make more of three js website
Great video, absolutely love it. Btw how to get the images of each individual can and the image of all cans without the background behind them?
Would you do a video with a login system for the e-commerce store?
before i complete this amazing tutorial i have question can i make this entire thing without using prismic !
You certainly can, but how would you edit the content afterward?
This is definitely a game-changer for e-commerce.
I have zero coding experience. Can I build one with your template and this to Shopify?
You can for sure!
@@Prismic how exactly I do that?
Hey legends, love the content. Any tips on how that amazing Fizzi hover animation was made, did you make a a static SVG logo then add the clipping mask to it ? want to learn absolutely love it :D
wow!
Do we have alternatives for Blender ? My Pc is not supporting the installation ...
May I know the theme and font used for VSCode?
Btw this was one of the best video covering Next.js, GSAP and Three.js. Kudos to Prismic team!! 👍
Thanks so much! And here is Alex's setup:
trost.codes/uses/
AMazing but, can this is making with r3f?
It is! Check out starting at 02:39:16 where the React Three Fiber chapter starts.
@@Prismic ah thanks.
I think we want to try create it with nuxt 😆
If you do please share! I'd love to see it.
i am not able to add to cans images from my desktop it is only showing uplash images..
\
Hi. Great video
I was just wondering : What vscode theme are you using, please ?
Thank you
Thanks so much! And here is Alex's setup:
trost.codes/uses/
View canvas is not working getting an error while implementing it... Pls help me out
How can we integrate stripe payment system?; Thanks Good Job!!
"if I was selling pink cubes I'd ship this site" 🤣🤣🤣
Anyone having an issue with implementing Clouds from react-three/drei. it says cloud.png is missing. Can anyone help, I'm stuck.
How can I setup slicemachine in my remixjs project
how can we integrate stripe with Prismic
Is it a beginner course?
Bro how to set up the buy and add bank account?
Looks stunning. Sadly, outstanding visuals negatively affects sales.
somebody using CDE for development like gitpod am having issues logging in as am building with you
Ah yeah, GitPod and those types of environments don't play well with Slice Machine right now. We're hoping to figure out a solution in the future but right now it's not possible.
@@TrostCodes thank you so much ..for the reply , am having lots of fun developing with you in the local environment ..your content is i dont know ....thanks alot for allowing me build my portifolio with your projects
I'm getting the below error:
TypeError: Cannot read properties of undefined (reading 'ReactCurrentOwner')
What to do?
That is because the Next JS 15 uses React 19 which is not yet supported by react-three fiber
change your version of next to 14.2.4. This fixes the error.
Course resoures link not working?
We got this sorted over on GitHub :) Link was just not working in the Philippines it seemed.
🤩🤩
🎉🎉
is there a discord server available? I'm looking for some help
Hey! Am I the only person who constantly have problems with Prismic? on my Mac I can't login in chrome... I really want to give it a try, it looks amazing, but it turns out so frustrating😥. Watching this video I even have an error while running the initial npm run dev 😭
my version is prismic-cli/4.2.3 darwin-arm64 node-v20.11.0 Apple M2 Sonoma 14.4.1
Are you planning to recreate this landing page using Sveltekit :) ?
I would've used more frameworks.
34:30
responsive
im suprised this wasn't framer motion
/op @s = unlimited commands = I am now God.
Why not using function base component
Sorry, could you rephrase the question?
it should not be possible. why keep using nextjs instead of use ReactJS.
What should not be possible?
I'm amazed! 🙏👌💯🫂😎
I'm thrilled to hear it!
heads up your Course Resources link in description is invalid / expired / not working.
Hey! Just checked and this link works fine, what’s your issue?
@@Prismic it says not secure, secure connection cannot be established