I'm really excited to see how people customize this site and make it their own. There are a ton of opportunities throughout the course to make slightly different decisions and get a fun and unique result. Please share your final site with me, I'd love to see what you make!
@lightyagami46679 ай бұрын
Will definitely try to do this. Thanks for making such cool content
@dereks4698 ай бұрын
What font are you using in vsc? how did you get the methods and classes to stand out like that ?
@TrostCodes8 ай бұрын
@@dereks469 I use Oh Lucy and have a link to it here - trost.codes/uses/ I'm pretty sure the theme handles the way the methods and classes look, but if yours look different let me know!
@mohdnoman79247 ай бұрын
can you please tell me how i can make it scrollable?
@abdelrahmanzaitoun44026 ай бұрын
WOW!! amazing. So detailed and informative..but I have a question.. it has been two days and i can't implement a contact form. The link in navbar works flawlessly in dev mode, but in deployment the page doesn't exist. I don't know why. I tried to make a new ""contact" route in my app directory but same problem, dev mode amazing, in production shitty
@aksheygupta62375 ай бұрын
atleast try to explain a little bit, if we understood each and everyline we'd never look at your video
@markthostesen71217 ай бұрын
This was absolutely amazing. Thank you so much for the meticulous attention to detail in the explanations and the how Prismic works with NextJS and the GSAP animations. I would love to see about switching the portfolio picture up to a scrollable set of images, almost like a rolodex. I am going to do some research but once I have it working I will post the final. Amazing work on this tutorial! Anyone thinking about taking this just make sure you set aside some serious time, you will not be done in 5 hours if you want to actually understand all of the little details, lol! Chapeau Prismic team, chapeau!
@johndowland46234 ай бұрын
In 6 years on linkedin, received way more then a hundred interview requests (not counting thos I sent) and there was not a single one giving a f**k about my portfolio, and a couple were those that even looked at it. First was made in wordpress with full height pages sliding when it wasnt even a thing, then nextjs the nextjs with 3d stuff via three.js. the two gigs I got were because was me sending the job application over hundreds. Luckly i have clients by word of mouth (who also never checked or understood my design skills until I designed their website)
@HaggardWebDev3 ай бұрын
Every application I have applied to has asked for a portfolio.
@Alireza-hh5dj6 ай бұрын
Such a perfect tutorial, Besides the Prismic, I learnt a lot about Tailwind, React.js and Next.js definitely need more tutorials like this
@yuki1121ify8 ай бұрын
does the vb code terminal use any style theme ? it looks good
@TrostCodes8 ай бұрын
Hey Yuki! I've got some info about the fonts and themes I use here - trost.codes/uses/
@roshannayak59829 ай бұрын
Thanks for making this, hope this type portfolio help me to get hire
@donnellyzaraki45185 ай бұрын
Awesome tutorial! Just in case somebody runs into the typescript issue that I ran into Type '(el: HTMLLIElement | null) => HTMLLIElement | null' is not assignable to type 'LegacyRef | undefined'. Line: 147: ref={(el) => (itemsRef.current[index] = el)} A solution could be to filter out null values from assignment to the array. ref={(el) => (itemsRef.current[index] = el)} should(or could be) {(el) => { if (el) { itemsRef.current[index] = el; } }}
@SeiferHXC4 ай бұрын
THX !!!
@aryanpatel234 ай бұрын
i am still having issue over there. can you please share that part of code
@aryanpatel234 ай бұрын
thanks i finally figured it out
@indiealucardКүн бұрын
@@aryanpatel23 ref={(el) => { itemsRef.current[index] = el; // No return here }}
@JonesFranklyn7 ай бұрын
The thing is, you look at the final source code for all this new stuff, and it's so much extra goes into it for such a basic site. 2000+ lines of CSS code, loads of class names per page element and tonnes of injected script tags. Using technology for the sake of it sometimes I feel.
@berkipekoglu8 ай бұрын
Awesome tutorial! Thank you! Please more videos like this :)
@cannalibrium40259 ай бұрын
This seems awesome, I just wish it didn't go through the proprietary site at the beginning. It would be nice to know how to do it from the ground up in VS code. I can't say I had a tool do 1/3 of the setup process. Great work overall though.
@TrostCodes8 ай бұрын
Thanks for the feedback! Do you mean the create-next-app? Or when we initialize Prismic? Both just give us a little bit of bootstrapping so that we're not copy/pasting lots of boilerplate code. If you want to see what the Slice Machine init does, commiting your files before will highlight all the changes it makes. I'd love to hear more about how I could make this better in the next course!
@PrashantKuSahis8 ай бұрын
the video is great but i am stuck @2:00:21 when the type of page and path was being set, i followed exactly but when i am hovering over the "about" it is showing localhost:3000 instead of localhost:3000/about, i am unable to set the path. is there anyway to resolve or check the issue?
@kirby83197 ай бұрын
I figured it out if you're still having problems. You need to make sure you do - import { createClient } from "@/prismicio" not from "@prismicio/client"
@TejasC4 ай бұрын
same
@HaggardWebDev3 ай бұрын
@@kirby8319 it errors out if you import it like that.
@sidakvats6935 ай бұрын
Bro plz make a E-Commerce website using cms
@talcon91068 ай бұрын
04:10:30 I am not sure it is the correct solution but if we initialize currentImages with the useMemo the request issue will be resolved
@Sarcastic-Insann4 ай бұрын
To be honest, I don't like doing web dev much but with Prismic it looked so fun and easy. It is just amazing...
@indiealucard2 күн бұрын
{label} {showIcon && } Type '{ className: string; }' is not assignable to type 'IntrinsicAttributes & IconBaseProps'. Property 'className' does not exist on type 'IntrinsicAttributes & IconBaseProps' please help me
@MathieuBekkaye4 ай бұрын
I've been trying for weeks but just can't finish the project. I always get lost with that Prismic thing :( Maybe it's just me. I'll try again later.
@yvindgjersum8327 ай бұрын
@TrostCodes Hey, great job on the tutorial! Just wondering, is there any way to sort the contentList list of blogposts/projects based on the date set in prismic? Right now it seems to appear in a random order.
@bluepach7 ай бұрын
Hi ! Thanks for this amazing tuto ! I don't manage to do the glowing effect at 2:40:00, how did you do it please ? :/
@MrTimDE9 ай бұрын
Thank you making this video. I been looking a cms for my portfolio that is easy to use. can't wait to customize it.
@TrostCodes8 ай бұрын
You're very welcome, I can't wait to see how you customize it! Its ease of use is one of the reasons I've always loved Prismic.
@gauravmali62508 ай бұрын
Make more content like this with CMS Prismic.
@jijojosein8 ай бұрын
What happened at 2:40:00 ? How did you fix the hover issue?
@starogre8 ай бұрын
with the div with classname="highlight" remove the "hidden" class from it that he put on earlier in general it looks like a good way to find things that aren't showing up is to remove classes that might be hiding/showing the element until you figure out what works
@dezobq8 ай бұрын
Stunning portfolio. Should we redeploy every time we add a new post/project?
@abidmohsinzaidi72546 ай бұрын
Im getting an error after using snippet code it gives an "Unhandled runtime error :No document were returned " I had try several ways to resolve it but I'm not able to resolve it till now. Can you help me to resolve this issue?
@w.p.c.71132 ай бұрын
Thank you very much, I just have finished watching, it is great tutorial
@yasir-nawaz5 ай бұрын
When i try to navigate to `projects/[project-name]`, in console `compiling /[uid]` is displayed and after some time `compiling /not-found` is displayed and 404 page is diplayed, blogs are opening fine but projects aren't displying. Please help me as I'm new with prismic, what can be the possible reason for this error. I tried to go through code but found nothing. Got help from your GitHub repo too but found nothing.
@ernst3678 ай бұрын
Thanks for the video1 First time hearing about Prismic, will give it a try!
@TrostCodes8 ай бұрын
That's exciting! I'd love to hear what you think about Prismic and the course. Thanks for the comment!
@jp_flicks8 ай бұрын
Can you please tell me which theme and font you are using, its looking awesome.
@scorpion329 ай бұрын
This looks great, can't wait to customize it.
@TrostCodes8 ай бұрын
I can't wait to see what you come up with, Scorpion!
@void-mv3vy8 ай бұрын
amazing video! thank you for this portfolio it really helped me!
@Prismic8 ай бұрын
Glad it helped!
@TrostCodes8 ай бұрын
I'm thrilled to hear that, Void! Thanks for the comment!
@captainrishabh33908 ай бұрын
Thanks brother 💖💖
@mehedihassan69048 ай бұрын
want to see more cool project videos from you guys
@adrianpothuaud2 ай бұрын
WHAT A TUTORIAL!!!!!!!!!!! I am really enjoying it I am near to the middle of the video and I am already really really happy with what I learned and I can't wait to migrate my portfolio with my own customized version of this app! Thank you SO MUCH!
@cheeky16998 ай бұрын
Thanks for the video! It's worth noting it seems theres a new useGSAP hook for react now so you can use that instead of dealing with useEffect, etc.. and it works in Nextjs!
@TrostCodes8 ай бұрын
Whoa, you're right! That's SO handy. Thanks for pointing that out! For anyone else reading - it just saves us from a bit of boilerplate, but the video's code is just as performant, we just do a little bit of extra typing ;)
@tech_apostle7 ай бұрын
Thanks so much for this. 🙏 I can't wait to create my portfolio, have been waiting like forever for this.
@Emilie-ey4li5 ай бұрын
Hello i have a question. how can i change the NameLogo field which is a Text field to an Image field .i wanna remplace the text displayed to display my logo image instead ; I'm a beginner function NameLogo({ name }: { name: KeyTextField }) { return ( {name} ); } thank you
@gloryofcode4 ай бұрын
Unhandled Runtime Error Error: R3F: Hooks can only be used within the Canvas component! While adding Footer
@VassiliHuang129 ай бұрын
Awesome video! Great work! Thanks for sharing!
@TrostCodes8 ай бұрын
My pleasure, thanks for the kind comment!
@cosgravehill27405 ай бұрын
Huge fan one hour in. Just picking up animation now for first time, and real programming languages starting 6 months ago. All my initial animation research told me GSAP is too difficult and just start with framer motion or something like aceternity. Just started this video on a whim because I was unimpressed with aceternity. You made it so easy, but even if you didn't, GSAP clearly provides superior results and control. Is it really ignored just because it's a little more complicated and you have to think of the animations yourself? I just don't understand aceternity's explosive popularity at all now.
@kroszborgАй бұрын
Loved this tutorial, while there are some code which after 7 months need updating if you can push yourself through solving those errors, you will have amazing learning experience.
@atharv11146 ай бұрын
Hey great tutorial! I have question, I was midway creating the website and unfortunately I had to switch my Macbook Pro. How do I setup my prismic VS Code project on my new laptop and resume completing the website. Please help me out!!
@arturgouveia50784 ай бұрын
Hello Alex, I have just finnished the tutorial and that is absolutetly beautifull. I am definetely going to use it as my portfolio. I am having a couple of issues, tough, I can not see the teckList or the floating images in mobile view. I don't know if that is the idea. thank you for this tutorial, it is inspirational. what's next?
@prathameshladkat73525 ай бұрын
I have completed whole video and created portfolio but i want to add buttons at project page and blog page. i tried multiple ways by shadcn, by using prismic, but nothing is working anyone can please help me Want to add same button like resume
@aksheygupta62375 ай бұрын
I did everything, its running on localhost but vercel is failing to deploy, feels like all my time and effort were wasted
@aryanpatel234 ай бұрын
It’s same error for me ,Did you figure it out?
@aksheygupta62374 ай бұрын
@@aryanpatel23 I did but vercel isn't able to load some of the css classes
@lathief3886Ай бұрын
Bro did you solve the error
@muqadaslatif1728 ай бұрын
marvelous i really appreciate your hardwork
@HaggardWebDev3 ай бұрын
Everything crashes when you start adding the links around 2:00:20 . It would be nice to be updated on how to handle this.
@tejaspatel6965Ай бұрын
what did u do to fix the about page not linking?
@jijojosein9 ай бұрын
Perfect. I know what I am doing after the holidays.
@TrostCodes8 ай бұрын
Hope you had wonderful holidays - I'm excited to see how your site comes out!
@l88ser8 ай бұрын
Error: listen EADDRINUSE: address already in use :::9999, sir, how to resolve this error.
@sthefanocarvalho28235 ай бұрын
Awesome work. Thank you for sharing this :) You've just got a new sub!
@ununbrian7 ай бұрын
Hi, can u make more tutorials on using gsap like tech list and hover and scroll animations on nextjs? These illustrations are amazing.
@AyushSingh-tj3hq5 ай бұрын
Sir there's problem in the code in ContentList it's throwing error during build not during development something to do with ref in first li element.
@sumamakhan-dv9clАй бұрын
fanally i build it my porfolio ❤❤
@asgyubbh7 ай бұрын
I'm getting problem in making navigation bar like that pls somebody help me
@anandiljar15938 ай бұрын
On smaller screens, as in on mobile devices, the home page takes a little more width than the screen. The problem is persistent on the live site as well. What could be the reason behind this? Can anyone help me debug this?
@TrostCodes8 ай бұрын
Is your name longer than the example name? You might need to change the size values for that Hero text to fit better with your name. There's not gonna be a perfect number for everyone's name. "Anderson Westbrook" and "Wes Bos" are going to need very different sizes. Let me know if that fixes it!
@anandiljar15938 ай бұрын
Thanks for the suggestion. Although I have a longer name, I tried with a very short name and it did not solve the issue. And as I said, the issue is also present on Andy's live site as well. Please let me know if you have any other suggestions.
@vincentsoriano82648 ай бұрын
Can I edit the my first name on the frismic and just save changes? Im having also problem with the size of my name@@TrostCodes
@bluepach7 ай бұрын
@@anandiljar1593 Indeed, have the same problem and when I inspect it on computer to see what's taking the place to the right, I see nothing ... quite strange
@bluepach7 ай бұрын
@@anandiljar1593 ok, when I check it on computer, lower the width (without toggling device thing), I see that a horizontal scrollbar appears until the title bellow the last name pops out, will check this.
@JaskaranSingh-le4tm2 ай бұрын
gives error for 3D models. I've tried all the methods, from updating drei to storing files locally but couldn't resolve the error.
@Prismic2 ай бұрын
Hey, Jaskaran, did you compare your code to the final example code? There might be some difference you pick up when comparing the two, or replacing your code in that component with that file just to check if it works.
@JaskaranSingh-le4tm2 ай бұрын
@@Prismic Forked your whole project, still the error remains. Also, except the Starting Material, colors won't render, Getting black shapes.
@kroszborgАй бұрын
@@Prismic hey man im having trouble with 2:42:57 since prismic has updated i cannot make the repeatable groups and add techlist to my resume like react to my website
@tech_apostle7 ай бұрын
How did you add the dimensions list, showing the list of phone previews.
@angelikawisniewska24142 ай бұрын
can I put in there video too?
@abdelrahmanzaitoun44026 ай бұрын
WOW!! amazing. So detailed and informative..but I have a question.. it has been two days and i can't implement a contact form. The link in navbar works flawlessly in dev mode, but in deployment the page doesn't exist. I don't know why. I tried to make a new ""contact" route in my app directory but same problem, dev mode amazing, in production shitty
@abdelrahmanzaitoun44026 ай бұрын
Ok no worries. I just forget getstaticprops 👀
@oxytechlimiteddengolivetss57367 ай бұрын
Thx for the amazing tutorial. Discovered something new - Prismic. An interesting combination of repository and framework 2 in 1.
@umernasir42179 ай бұрын
What's the font he is using in VSCode?
@TrostCodes8 ай бұрын
Hey @umernasir4217 I've put some info about the fonts and themes I use here - trost.codes/uses/ The font is Dank Mono
@VishaljangidJngid8 ай бұрын
Theme name pls
@amalkallarakkal94878 ай бұрын
you look like Harry kane mister
@panchi15065 ай бұрын
Can anyone please help me out u know at 1:51:21 it's not showing me the create new button ... I dunno what's the reason. Literally, it's a dead end for me.
@slmnder52 ай бұрын
it's now changed to a green pen button at the same place
@KevinMcClainBigMac4 ай бұрын
I love the ease of use when utilizing slices and gsap. Thank you so much!
@SaatvikGarg-uf8le8 ай бұрын
i am getting error in shapes.tsx where while destructuring props in geometry function it says "position implicitly has any type" and for that reason i am also not able to deploy my project on vercel. can anyone tell me how to resolve
@jameshonour76617 ай бұрын
you should use jsx not tsx because he did so!!
@rahulsharmaah8 ай бұрын
Rich Text Fields Not working
@MegaAnkitmittal6 ай бұрын
Thank you so much Andy, it was awesome. I learned a lot.
@pharrellarts33157 ай бұрын
Finally i have a 3D portfolio thanks alot
@deekshatiwari93647 ай бұрын
Hey can you help
@pharrellarts33157 ай бұрын
yes@@deekshatiwari9364
@moncere4 ай бұрын
Amazing video tutorial 🔥
@guyritchie67377 ай бұрын
Loved this! Was able to reproduce, and slightly modify the project and get it up and running very quickly. Explanations were really good! Thanks a bunch. 💖
@MrTimDE8 ай бұрын
How would handle the contact page and the resume button with prismic?
@bersuarez27415 ай бұрын
Upload your CV to Google Drive and lik it to the button
@xayotmamajonov33368 ай бұрын
How to make terminal like your ?
@Molsoi-18 ай бұрын
i cannot install all the slicemachine dependency, now i m stuck here. can you help me out?
@Prismic8 ай бұрын
Hey user, could you say what the error is? Posting on the Prismic community forums might be your best bet as it’s tough to diagnose and solve bugs in KZbin comments. We’d be happy to help you there! Just mention you’re doing this video tutorial
@starogre8 ай бұрын
make sure you run npm init first before trying to use the slice machine init functionality as part of npx
@bersuarez27415 ай бұрын
@@starogre Antivirus o el navegador que te esta bloqueando la terminal !! puede ser ?
@AnthonyFieldings-rg1vs10 күн бұрын
I've been trying for days to have my pages link for this project. I'm stuck at the 2:01:40 mark. I've followed as best as I can (the UI for slice machine has changed slightly) and I'm not getting anywhere. My about page label does not link to the actual page. Has anyone else ran into this issue? In tradtional HTML I would have just added a link to a page but this is a little different here. Please help
@Prismic10 күн бұрын
Hey! You can post your issue along with your actual code on the Prismic community forum: community.prismic.io/ See you there!
@vininopoun5 ай бұрын
Thanks You So Much! ❤
@aksheygupta62375 ай бұрын
1:51:21 I can't seem to do it, when I click create it isn't the same
@piyush66313 ай бұрын
04:00:00
@FelipeBasilio-s3o4 ай бұрын
Thank you so much!
@dreytechdotco7 ай бұрын
Thanks so much.
@starogre8 ай бұрын
is there no Yarn way to install slicemachine?
@Prismic8 ай бұрын
Hey there! Sorry, Yarn is not officially supported. If Yarn is necessary, bootstrap new projects with npx, then migrate it to Yarn.
@starogre8 ай бұрын
@@Prismic yep i saw that you can still use npx in a yarn environment
@adityaraj-md8pb5 ай бұрын
hi I am getting the below error for the code at 19:05 min Unhandled Runtime Error Error: No documents were returned Source src\app\page.tsx (16:16) @ async Module.generateMetadata 14 | export async function generateMetadata(): Promise { 15 | const client = createClient(); > 16 | const page = await client.getSingle("homepage"); | ^ 17 | 18 | return { 19 | title: page.data.meta_title, any help regarding the same will be highly appreciated
@omdwivedi49822 ай бұрын
did you get it fixed by any chance?
@YeungTyler7 ай бұрын
1:00:08 Any tutorial for install clsx? I tried npm i clsx but vs code show "Cannot find module 'clsx'. Did you mean to set the 'moduleResolution' option to 'node', or to add aliases to the 'paths' option?ts(2792)" Thank you!
@dezobq8 ай бұрын
I loved the project and learned a lot from it. I'm trying to implement some additional features, such as a button to direct to the live project and another for the GitHub repository, but I'm facing some difficulties. Any tips?
@viraajsinghgill16447 ай бұрын
can any body help me in this when i am opening blog post it is working well but whenever i am opening project post its showing i have created both project.tsx,blog.tsx 404 This page could not be found. i am ready for google meet so that i can show if any body can help kindly do comment
@deekshatiwari93647 ай бұрын
You may not connected it to layout page
@aryanpatel234 ай бұрын
i had same issue , just fix this line const urlPrefix = contentType === "Blog" ? "/blog" : "/projects";
@noname_1607 ай бұрын
@SaadullahSarwar7 ай бұрын
{renderLetters(slice.primary.first_name, "first")} {renderLetters(slice.primary.last_name, "last")} {slice.primary.tag_line} not rendering last nam
@jojokman7 ай бұрын
typo its not renderletters but renderletter
@MPNKT5 ай бұрын
it’s a technical flex not a content flex in my opinion - when u are a coder thats the way to go, otherwise it comes inauthentic