I'm right now testing some features of this in my personal website, do you know why on the pcattori blog project he doesn't need to import the mdx and it just shows ? In your example you needed to import from the content folder, he doesn't. Thanks for this content obviously!
@lautarolopez9992Ай бұрын
In his project, there is a MDX file calle "how this site is built" that talks about that but very little, I understand that he is doing with it nested routing, but for example, i want my content on "/content/posts/" but with his routing he has all the blog entries on the routes folder. I'm trying to do it without making a getPostBySlug.
@bradgarropyАй бұрын
In that case you'll have to make a 'routes/content/posts._index.tsx' file to serve as the layout component. Then all of your actual posts can be nested routes from there, for example 'routes/content/posts.my-first-blog-post.tsx'. That post will inherit the layout you specified in 'posts._index.tsx' and will be transformed into HTML by the mdx vite plugin. Hope that makes sense!
@malachibergman9022 ай бұрын
Under rated video. You got right to the point!
@mahmoudfarghly29702 ай бұрын
This is very helpful, thanks.
@fortunecookie81782 ай бұрын
yeah i'm just trying to connect a token to obs. i don't understand all this http and coding.
@WebDevJapan3 ай бұрын
I never heard of Webpack until today and I found your older video about it.
@bradgarropy3 ай бұрын
Haha things came full circle!
@kmdoll3 ай бұрын
This playlist was concise and very helpful. Thanks for the good work. :)
@prabhat.raushan0973 ай бұрын
explained very well.. thanks a lot..👌🏻
@anuroopmallick97843 ай бұрын
Thnkyou you so much.
@_SABARIVASANS-cy7qw3 ай бұрын
I love your videos❤
@chiragb31013 ай бұрын
Really awesome video brad, can you also tell how we can showcase our skills in a more efficient manner to a recruiter by a portfolio or resume
@dyunior3 ай бұрын
awesome content!
@jlmx3 ай бұрын
Trust me… you would not be impressed if you saw how I used git stash 😅
@bradgarropy3 ай бұрын
It's the best dumping ground haha
@MohitRanjan-hy6sz4 ай бұрын
Every youtuber i found is handling main.css, what about the modular ones? Those are used in real life with libraries in react, not the plain css files. Its easy to configure for plain css. Maybe I myself have to do something about it
@bradgarropy4 ай бұрын
Can't tell if you're asking for help or criticizing the video... Regardless, webpack isn't a technology I would recommend using anymore, I'd give vite a shot.
@MohitRanjan-hy6sz3 ай бұрын
@@bradgarropy Not criticizing anyone, if it looks like that I am sorry, english is not my first language. I was frustrated about the lack of doc/content about modular css loading. And you're right about webpack. I am also thinking of moving from bundle based to es module based server.
@Super_Motiviation_G4 ай бұрын
create env file
@_ped_4 ай бұрын
btw, Raycast learns as you use it, so if you type in `uuid` and often select the 3rd item on the list, eventually the 3rd item will show up 1st
@_ped_4 ай бұрын
very nice!
@kevin55234 ай бұрын
Seems like a lot, but honestly I agree. Interested to see what you'd ask a senior dev?
@bradgarropy4 ай бұрын
Oooh that’s another good video idea!
@jlmx4 ай бұрын
Good stuff! I'll keep this in my back pocket for the next time I get asked this.
@ArmanAmraei4 ай бұрын
we can create the record with a union type as keys. type PostsBySomething = Record<keyof Post, Post[]> now we can only use the specified keys in the Post type
@bradgarropy4 ай бұрын
This results in behavior that wasn't what we were trying to solve for. The type you suggested would result in objects that look like this: const postsBySomething: PostsBySomething = { "id": [/* posts */], "title": [/* posts */], "topic": [/* posts */], "author": [/* posts */], } The case I was trying to improve was something like the following, where the keys are still strings, but it's more descriptive about the content of the string. const postsByAuthor: PostsByAuthor = { "Brad Garropy": [/* posts */], "Amy Dutton": : [/* posts */], }
@JohnDisilwaJD-ng4ip4 ай бұрын
did the same but exit animation not working
@JohnDisilwaJD-ng4ip4 ай бұрын
exit animation not working
@lazzaroni5 ай бұрын
Thanks for video! If you don't mind, I'll grab some off your implementations for my in-progress personal site! 😊
@bradgarropy5 ай бұрын
Absolutely, borrow what you need!
@seunoyebode5 ай бұрын
Thanks for making this informative video
@sprioleau6 ай бұрын
Glad to see you uploading more often. Thanks for this quick background on the mental model of Remix.
@bradgarropy6 ай бұрын
It feels good to press that Upload button!
@JamesQQuick6 ай бұрын
Loving this! Vite is taking over!
@sprioleau6 ай бұрын
Shout out to Taylor too. I keep up with your content also. Thank you for what you do. Your view into the recruiting world has been invaluable.
@sprioleau6 ай бұрын
Howdy Brad 🤠. Thank you for your content! I just checked out your profile and I just noticed that you’re a Longhorn too 🤘. And we were there at the same time! Dope. I graduated December 2011. I’m guessing you spent a lot of time in the old ECJ. I went back to visit recently and was blown away by the EERC.
@bradgarropy6 ай бұрын
That's crazy! I was actually an ECE major, so I spent most of my time in ENS. The new engineering building is amazing!
@amandeepkochhar5747 ай бұрын
Kudos to this guy, Straight like a bullet. To the point and straightforward. Its still useful even after 3 years !
@mehdijafarzade23817 ай бұрын
Awesome bro
@dannygarcia80127 ай бұрын
Thank you so much for this video, it was very helpful. I was having such a hard time understanding what these loaders were for and how to use them from simply reading the npm docs. :high-five:
@sergiyrudenko9058 ай бұрын
How to use plop with react?
@pablodroidoficial8 ай бұрын
Hello, I don't understand your language, but by looking at the example you're showing, I understand your explanation. I'm writing this to you through ChatGPT. Thank you very much for your help!
@eab49849 ай бұрын
I am using Next's new app router. Do I add the scripts to Layout.tsx in the root /app directory? I did this but window.dataLayer doesn't change, i.e. the history change doesn't get added to window.dataLayer when I change pages. How can this be solved?
@khatariinsaan52849 ай бұрын
Such a wonderful tutorial
@Darkfault9 ай бұрын
Really well done! Love how things are explained quickly and without going too much into detail, being warned what goes where, and lack of weird accents that make the stuff take thrice as long to process. But you sir have some kind of a problem with purple coloured things!
@ajithr14589 ай бұрын
Thanks for this tutorial.
@jeffreysbrother9 ай бұрын
this really helped. however, I do not see any evidence in the dataLayer that it's aware of route changes.
@bradgarropy9 ай бұрын
What version of Next.js are you using? Are you using the app router? The video I made focuses on the old router, and should show route changes in the dataLayer.
@jeffreysbrother9 ай бұрын
@@bradgarropy i have "latest" specified in package.json in package-lock it appears to be 13.4.6
@Jarjarniks9 ай бұрын
I dont understand why when I follow your tutorial step by step, when i run npw webpack serve and open the localhost 8080, i just see "cannot GET /"
@joshuaberrios9 ай бұрын
I use 1Password for my Password Manager, Arc for Web Browser, Cron for Calendar, Notion for PKM/Notes (slowly transitioning to Tana.inc). But Sam blew my mind with the Wall Garden lifestyle hahaha
@wasimsafdarhumma551510 ай бұрын
I am getting an error in JavaScript file. It says "process is not defined".
@appstuff656510 ай бұрын
Hi again Brad, we had a chat about 2 months ago, thanks for that, and again back to this video, thanks for this video. --- 1. Advanced: I am stuck in a dilemma, perhaps a basic guidance or suggestion from an expert such as you might help. My Tech Stack: NextJS 13.5 with Supabase. I have a link aggregation clone like linktree, since its a learning hobbyist project, where each user has its unique user profile and multiple links. Similar to linktree style. Everything works as is. The next stage of my project is Analytics: 1. I need to show the logged in user how many page visits his page has 2. how many times a link/button was clicked on his page. For this, i planned to do diy, but in case if there are heavy requests I fear my db wont be able to handle so I plan to use something like Google Analytics. Now, Im familiar with the basic integration for my project/web-app and to see how many visitors visited my project/web-app. What I want to undertand is to show my logged in users the data about ONLY their profile page without making them go through any hassle and just show them in my webapp dashboard, is it possible to do so? Each user can see their analytics through google analytics in my web app itself. How do i tackle this? Is it a viable method with GA or should I DIY? Thanks for your time. --- 2. Simple: Another thing is would you be anytime in the near future, be doing a follow up video to do GTMs with GA along with consent cookie as within the new NextJS app router approach as well?
@sprioleau10 ай бұрын
A great way to start my day. Huge fan of the way Sam speaks from a wealth of experience and gives real world examples with ease.
@suresranathunga10 ай бұрын
Thank u
@lifeiscrazy214610 ай бұрын
Hi Brad !! Can you tell me how to add Google Tag Manager script in react js website
@The_Pariah10 ай бұрын
Was really hoping this video would cover where the RegEx options are hidden...if there are any. 😕 Also, RegEx101 > RegExr
@SmitRaghani11 ай бұрын
Hey is gatsby incremental build possible with episerver cms changes using netlify ?
@bradgarropy11 ай бұрын
Thanks for the question! I've never used Episerver CMS. However, in the past I've gotten rebuilds (non-incremental) to work by hitting a Netlify webhook anytime data in the CMS changes. Check your settings in the CMS to see if they support that!
@SmitRaghani11 ай бұрын
@@bradgarropy Thank you so much for replying back. okay will check for the seetings. If possible can you make a demo where you use any of the cms like contentful or any other, pull data from there to gatsby and make some content changes and the incremental build for that particular section gets generated on gatsby front end. That would be really helpful if you have time for that
@Libertoso11 ай бұрын
Thank you very much
@Thehurricanejackie11 ай бұрын
is there a way to do the same thing in code::blocks?
@bradgarropy11 ай бұрын
I suppose so, but the regex would just get much more complicated!
@maxim_mazurok11 ай бұрын
Nice one, a few comments: afterInteractive is the default strategy so can be omitted. Another way I like to test if GA works is by looking for "collect" requests in the network tab. Cheers!
@VeaceslavBARBARII11 ай бұрын
that's actually live reloading not HMR
@bradgarropy11 ай бұрын
Woops, that's right! Thanks for the clarification!
@VeaceslavBARBARII11 ай бұрын
@@bradgarropy no worries dude. At least you made a video for others and contributed your time. Nice one 👍