🟥 raycast uuid generator
2:44
5 ай бұрын
💿 remix redirects
4:16
5 ай бұрын
💿 remix anatomy
5:51
5 ай бұрын
💿 remix blog with vite
5:29
6 ай бұрын
💿 remix on vite
4:34
6 ай бұрын
🔎 vscode | regex find and replace
3:46
📊 google analytics with next.js
8:12
🌐 webpack loaders | css
7:29
2 жыл бұрын
📷 DEVLOG | twitch oauth mistake
4:09
📷 DEVLOG | freestyle flashcards
8:53
💻 static web server
6:12
3 жыл бұрын
🔥 firestore delete document
7:53
3 жыл бұрын
🔥 firestore update document
6:05
3 жыл бұрын
🔥 firestore read document
11:20
3 жыл бұрын
🔥 firestore create document
5:57
3 жыл бұрын
🌐 what is webpack
2:07
3 жыл бұрын
🌐 webpack environment variables
5:16
🌐 basic webpack configuration
5:01
🌐 webpack npm scripts
3:55
3 жыл бұрын
🌐 webpack loaders | typescript
7:19
Пікірлер
@lautarolopez9992
@lautarolopez9992 Ай бұрын
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
@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
@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!
@malachibergman902
@malachibergman902 2 ай бұрын
Under rated video. You got right to the point!
@mahmoudfarghly2970
@mahmoudfarghly2970 2 ай бұрын
This is very helpful, thanks.
@fortunecookie8178
@fortunecookie8178 2 ай бұрын
yeah i'm just trying to connect a token to obs. i don't understand all this http and coding.
@WebDevJapan
@WebDevJapan 3 ай бұрын
I never heard of Webpack until today and I found your older video about it.
@bradgarropy
@bradgarropy 3 ай бұрын
Haha things came full circle!
@kmdoll
@kmdoll 3 ай бұрын
This playlist was concise and very helpful. Thanks for the good work. :)
@prabhat.raushan097
@prabhat.raushan097 3 ай бұрын
explained very well.. thanks a lot..👌🏻
@anuroopmallick9784
@anuroopmallick9784 3 ай бұрын
Thnkyou you so much.
@_SABARIVASANS-cy7qw
@_SABARIVASANS-cy7qw 3 ай бұрын
I love your videos❤
@chiragb3101
@chiragb3101 3 ай бұрын
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
@dyunior
@dyunior 3 ай бұрын
awesome content!
@jlmx
@jlmx 3 ай бұрын
Trust me… you would not be impressed if you saw how I used git stash 😅
@bradgarropy
@bradgarropy 3 ай бұрын
It's the best dumping ground haha
@MohitRanjan-hy6sz
@MohitRanjan-hy6sz 4 ай бұрын
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
@bradgarropy
@bradgarropy 4 ай бұрын
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-hy6sz
@MohitRanjan-hy6sz 3 ай бұрын
@@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_G
@Super_Motiviation_G 4 ай бұрын
create env file
@_ped_
@_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_
@_ped_ 4 ай бұрын
very nice!
@kevin5523
@kevin5523 4 ай бұрын
Seems like a lot, but honestly I agree. Interested to see what you'd ask a senior dev?
@bradgarropy
@bradgarropy 4 ай бұрын
Oooh that’s another good video idea!
@jlmx
@jlmx 4 ай бұрын
Good stuff! I'll keep this in my back pocket for the next time I get asked this.
@ArmanAmraei
@ArmanAmraei 4 ай бұрын
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
@bradgarropy
@bradgarropy 4 ай бұрын
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-ng4ip
@JohnDisilwaJD-ng4ip 4 ай бұрын
did the same but exit animation not working
@JohnDisilwaJD-ng4ip
@JohnDisilwaJD-ng4ip 4 ай бұрын
exit animation not working
@lazzaroni
@lazzaroni 5 ай бұрын
Thanks for video! If you don't mind, I'll grab some off your implementations for my in-progress personal site! 😊
@bradgarropy
@bradgarropy 5 ай бұрын
Absolutely, borrow what you need!
@seunoyebode
@seunoyebode 5 ай бұрын
Thanks for making this informative video
@sprioleau
@sprioleau 6 ай бұрын
Glad to see you uploading more often. Thanks for this quick background on the mental model of Remix.
@bradgarropy
@bradgarropy 6 ай бұрын
It feels good to press that Upload button!
@JamesQQuick
@JamesQQuick 6 ай бұрын
Loving this! Vite is taking over!
@sprioleau
@sprioleau 6 ай бұрын
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.
@sprioleau
@sprioleau 6 ай бұрын
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.
@bradgarropy
@bradgarropy 6 ай бұрын
That's crazy! I was actually an ECE major, so I spent most of my time in ENS. The new engineering building is amazing!
@amandeepkochhar574
@amandeepkochhar574 7 ай бұрын
Kudos to this guy, Straight like a bullet. To the point and straightforward. Its still useful even after 3 years !
@mehdijafarzade2381
@mehdijafarzade2381 7 ай бұрын
Awesome bro
@dannygarcia8012
@dannygarcia8012 7 ай бұрын
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:
@sergiyrudenko905
@sergiyrudenko905 8 ай бұрын
How to use plop with react?
@pablodroidoficial
@pablodroidoficial 8 ай бұрын
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!
@eab4984
@eab4984 9 ай бұрын
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?
@khatariinsaan5284
@khatariinsaan5284 9 ай бұрын
Such a wonderful tutorial
@Darkfault
@Darkfault 9 ай бұрын
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!
@ajithr1458
@ajithr1458 9 ай бұрын
Thanks for this tutorial.
@jeffreysbrother
@jeffreysbrother 9 ай бұрын
this really helped. however, I do not see any evidence in the dataLayer that it's aware of route changes.
@bradgarropy
@bradgarropy 9 ай бұрын
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.
@jeffreysbrother
@jeffreysbrother 9 ай бұрын
@@bradgarropy i have "latest" specified in package.json in package-lock it appears to be 13.4.6
@Jarjarniks
@Jarjarniks 9 ай бұрын
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 /"
@joshuaberrios
@joshuaberrios 9 ай бұрын
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
@wasimsafdarhumma5515
@wasimsafdarhumma5515 10 ай бұрын
I am getting an error in JavaScript file. It says "process is not defined".
@appstuff6565
@appstuff6565 10 ай бұрын
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?
@sprioleau
@sprioleau 10 ай бұрын
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.
@suresranathunga
@suresranathunga 10 ай бұрын
Thank u
@lifeiscrazy2146
@lifeiscrazy2146 10 ай бұрын
Hi Brad !! Can you tell me how to add Google Tag Manager script in react js website
@The_Pariah
@The_Pariah 10 ай бұрын
Was really hoping this video would cover where the RegEx options are hidden...if there are any. 😕 Also, RegEx101 > RegExr
@SmitRaghani
@SmitRaghani 11 ай бұрын
Hey is gatsby incremental build possible with episerver cms changes using netlify ?
@bradgarropy
@bradgarropy 11 ай бұрын
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!
@SmitRaghani
@SmitRaghani 11 ай бұрын
@@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
@Libertoso
@Libertoso 11 ай бұрын
Thank you very much
@Thehurricanejackie
@Thehurricanejackie 11 ай бұрын
is there a way to do the same thing in code::blocks?
@bradgarropy
@bradgarropy 11 ай бұрын
I suppose so, but the regex would just get much more complicated!
@maxim_mazurok
@maxim_mazurok 11 ай бұрын
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!
@VeaceslavBARBARII
@VeaceslavBARBARII 11 ай бұрын
that's actually live reloading not HMR
@bradgarropy
@bradgarropy 11 ай бұрын
Woops, that's right! Thanks for the clarification!
@VeaceslavBARBARII
@VeaceslavBARBARII 11 ай бұрын
@@bradgarropy no worries dude. At least you made a video for others and contributed your time. Nice one 👍