Next.js Best Practices: Protecting Server Code From Client Access Code Ryan podcast

Code Ryan podcast artwork

Tech Ryan Solomon

Player FM - Internet Radio Done Right

اضافه شده در two سال پیش
Looks like the publisher may have taken this series offline or changed its URL. Please contact support if you believe it should be working, the feed URL is invalid, or you have any other concerns about it.

محتوای ارائه شده توسط Ryan Solomon. تمام محتوای پادکست شامل قسمت‌ها، گرافیک‌ها و توضیحات پادکست مستقیماً توسط Ryan Solomon یا شریک پلتفرم پادکست آن‌ها آپلود و ارائه می‌شوند. اگر فکر می‌کنید شخصی بدون اجازه شما از اثر دارای حق نسخه‌برداری شما استفاده می‌کند، می‌توانید روندی که در اینجا شرح داده شده است را دنبال کنید.https://fa.player.fm/legal

B

Bridechilla - Wedding Planning Podcast

Bridechilla - Wedding Planning Podcast podcast artwork

Bridechilla - Wedding Planning Podcast podcast artwork

1
444- Eloping is Fun with Jenny Mac 1:06:22

36 weeks پیش1:06:22

پخش در آینده

پخش در آینده

دوست داشته شد

1:06:22

Want to ditch the big wedding and elope? This episode's for you! Jenny Mac, creator of New York City-based Eloping is Fun, joins us this week to chat about the next steps after deciding to elope, as well as the creative ways couples are balancing traditions with a more intimate elopement or micro-wedding. Find Eloping is Fun on Instagram at @elopingisfun and their website elopingisfun.com Visit thebridechilla.com for all the latest news! BriteCo: Modern Insurance for Modern Milestones. Visit brite.co/bridechilla/ for a fast, free quote today and unlock peace of mind knowing you're covered. Learn more about your ad choices. Visit megaphone.fm/adchoices…

Code Ryan « »
Next.js Best Practices: Protecting Server Code from Client Access

۲ سال پیش 15:06

اشتراک گذاری

MP3•خانه قسمت

بایگانی مجموعه ها ("فیدهای غیر فعال" status)

When? This feed was archived on October 04, 2025 09:08 (1M ago). Last successful fetch was on July 24, 2025 17:04 (4M ago)

Why? فیدهای غیر فعال status. سرورهای ما، برای یک دوره پایدار، قادر به بازیابی یک فید پادکست معتبر نبوده اند.

What now? You might be able to find a more up-to-date version using the search function. This series will no longer be checked for updates. If you believe this to be in error, please check if the publisher's feed link below is valid and contact support to request the feed be restored or if you have any other concerns about this.

محتوای ارائه شده توسط Ryan Solomon. تمام محتوای پادکست شامل قسمت‌ها، گرافیک‌ها و توضیحات پادکست مستقیماً توسط Ryan Solomon یا شریک پلتفرم پادکست آن‌ها آپلود و ارائه می‌شوند. اگر فکر می‌کنید شخصی بدون اجازه شما از اثر دارای حق نسخه‌برداری شما استفاده می‌کند، می‌توانید روندی که در اینجا شرح داده شده است را دنبال کنید.https://fa.player.fm/legal

GitHub: https://github.com/coderyansolomon/server-only

API: https://developer.themoviedb.org/reference/intro/getting-started

In this insightful Next.js tutorial, viewers will learn the crucial technique of keeping server-only code out of the client environment. The tutorial delves into the common issue faced in JavaScript modules shared between server and client components, where server-specific elements, such as private API keys, may unintentionally become exposed on the client side. By focusing on a practical example of a data-fetching function, the tutorial demonstrates how seemingly universal functions can inadvertently include server-only code.

… continue reading

297 قسمت

#Tech #Ryan Solomon

Code Ryan podcast artwork

Next.js Best Practices: Protecting Server Code from Client Access

published ۲ سال پیش

اشتراک گذاری

MP3•خانه قسمت

بایگانی مجموعه ها ("فیدهای غیر فعال" status)

When? This feed was archived on October 04, 2025 09:08 (1M ago). Last successful fetch was on July 24, 2025 17:04 (4M ago)

Why? فیدهای غیر فعال status. سرورهای ما، برای یک دوره پایدار، قادر به بازیابی یک فید پادکست معتبر نبوده اند.

What now? You might be able to find a more up-to-date version using the search function. This series will no longer be checked for updates. If you believe this to be in error, please check if the publisher's feed link below is valid and contact support to request the feed be restored or if you have any other concerns about this.

محتوای ارائه شده توسط Ryan Solomon. تمام محتوای پادکست شامل قسمت‌ها، گرافیک‌ها و توضیحات پادکست مستقیماً توسط Ryan Solomon یا شریک پلتفرم پادکست آن‌ها آپلود و ارائه می‌شوند. اگر فکر می‌کنید شخصی بدون اجازه شما از اثر دارای حق نسخه‌برداری شما استفاده می‌کند، می‌توانید روندی که در اینجا شرح داده شده است را دنبال کنید.https://fa.player.fm/legal

GitHub: https://github.com/coderyansolomon/server-only

API: https://developer.themoviedb.org/reference/intro/getting-started

In this insightful Next.js tutorial, viewers will learn the crucial technique of keeping server-only code out of the client environment. The tutorial delves into the common issue faced in JavaScript modules shared between server and client components, where server-specific elements, such as private API keys, may unintentionally become exposed on the client side. By focusing on a practical example of a data-fetching function, the tutorial demonstrates how seemingly universal functions can inadvertently include server-only code.

… continue reading

297 قسمت

#Tech #Ryan Solomon

همه قسمت ها

×

C

Code Ryan

Code Ryan podcast artwork

1
Avoid This Rookie Developer Mistake -- Debounce 6:45

16 weeks پیش6:45

پخش در آینده

پخش در آینده

دوست داشته شد

6:45

Today I cover debouncing network requests in your React/Next.js apps -- but this concept applies more broadly. TLDR; it sometimes makes sense to only trigger a network request once the user has stopped interacting for a certain amount of time

C

Code Ryan

Code Ryan podcast artwork

1
Finally Understand props.children In React.js 5:21

16 weeks پیش5:21

پخش در آینده

پخش در آینده

دوست داشته شد

5:21

Finally Understand props.children In React.js

C

Code Ryan

Code Ryan podcast artwork

1
Software Engineering in 2035: Will We Still Matter? 9:57

17 weeks پیش9:57

پخش در آینده

پخش در آینده

دوست داشته شد

9:57

C

Code Ryan

Code Ryan podcast artwork

1
Next.js: Optimize & Use Google + Local Custom Fonts 9:19

17 weeks پیش9:19

پخش در آینده

پخش در آینده

دوست داشته شد

9:19

C

Code Ryan

Code Ryan podcast artwork

1
3 JavaScript Features You Need To Know For React 13:38

18 weeks پیش13:38

پخش در آینده

پخش در آینده

دوست داشته شد

13:38

3 JavaScript Features You Need To Know For React

C

Code Ryan

Code Ryan podcast artwork

1
Pro Next.js Developers Understand This | Fetch Revalidation 9:04

18 weeks پیش9:04

پخش در آینده

پخش در آینده

دوست داشته شد

9:04

Learn how revalidation works in your fetch requests in Next.js

C

Code Ryan

Code Ryan podcast artwork

1
Prevent Unnecessary Re-Renders with React’s useCallback Hook 6:52

19 weeks پیش6:52

پخش در آینده

پخش در آینده

دوست داشته شد

6:52

C

Code Ryan

Code Ryan podcast artwork

1
Master React.memo for Smarter Rendering 5:12

19 weeks پیش5:12

پخش در آینده

پخش در آینده

دوست داشته شد

5:12

C

Code Ryan

Code Ryan podcast artwork

1
Supercharge React Performance with useMemo 7:01

20 weeks پیش7:01

پخش در آینده

پخش در آینده

دوست داشته شد

7:01

C

Code Ryan

Code Ryan podcast artwork

1
Next.js Error Handling: Like a Pro 10:24

20 weeks پیش10:24

پخش در آینده

پخش در آینده

دوست داشته شد

10:24

Learn how to handle uncaught errors in your Next.js apps!

C

Code Ryan

Code Ryan podcast artwork

1
Stop Using useEffect For This In React 6:11

21 weeks پیش6:11

پخش در آینده

پخش در آینده

دوست داشته شد

6:11

Today, I cover an anti-pattern with using the useEffect hook in React.js

C

Code Ryan

Code Ryan podcast artwork

1
5 JavaScript Tricks You Wish You Knew Sooner 10:24

21 weeks پیش10:24

پخش در آینده

پخش در آینده

دوست داشته شد

10:24

C

Code Ryan

Code Ryan podcast artwork

1
This One Line Makes Your Next.js App Feel Instant ⚡ 10:06

22 weeks پیش10:06

پخش در آینده

پخش در آینده

دوست داشته شد

10:06

Docs: https://nextjs.org/docs/app/building-your-application/routing/linking-and-navigating#2-prefetching

C

Code Ryan

Code Ryan podcast artwork

1
Controlled vs Uncontrolled Components in React | Explained Clearly 9:06

22 weeks پیش9:06

پخش در آینده

پخش در آینده

دوست داشته شد

9:06

Struggling to understand the difference between controlled and uncontrolled components in React? In this video, I'll walk you through simple examples of both, explain when you should use each, and show you the real-world pros and cons. 📚 What you'll learn: What a controlled component is What an uncontrolled component is How to implement both types of inputs Which approach is better for different situations Whether you're building simple forms or complex user interfaces, mastering this concept will make your React apps cleaner and easier to maintain. #react #webdevelopment #reactjs…

C

Code Ryan

Code Ryan podcast artwork

1
An Anti-Pattern To Avoid In React.js 3:51

23 weeks پیش3:51

پخش در آینده

پخش در آینده

دوست داشته شد

3:51

TLDR; don't mutate state directly. Always use setState when updating a piece of state. Also, pass a function when updating state based on previous state.

C

Code Ryan

Code Ryan podcast artwork

1
This Causes An Error In Next.js 4:17

24 weeks پیش4:17

پخش در آینده

پخش در آینده

دوست داشته شد

4:17

Today I explain a key point regarding server and client components in Next.js and passing props. Also, I explain what you should know regarding client boundaries in Next.js

C

Code Ryan

Code Ryan podcast artwork

1
An AI Tool That's Actually Worth It For Developers 7:32

24 weeks پیش7:32

پخش در آینده

پخش در آینده

دوست داشته شد

7:32

Docs: https://www.korbit.ai/ I'm not affiliated with this tool in any way. We've just found it useful the last few months using it on our team. If you know any tools, or even something better than Korbit, let me know in the comments below.

C

Code Ryan

Code Ryan podcast artwork

1
This One Fix Makes Your Next.js App Faster and Cleaner 8:48

25 weeks پیش8:48

پخش در آینده

پخش در آینده

دوست داشته شد

8:48

Learn the recommended way to fetch data in Next.js as well as some patterns to know about client and server components.

C

Code Ryan

Code Ryan podcast artwork

1
Learn Modern React.js In 20 Minutes 20:43

25 weeks پیش20:43

پخش در آینده

پخش در آینده

دوست داشته شد

20:43

In todays video, I cover the core concepts of React.js in about 20 minutes. Of course, this isn't everything you need to know. But it is a good starting place and review for some.

C

Code Ryan

Code Ryan podcast artwork

1
What "use client" Really Does In Next.js 10:17

26 weeks پیش10:17

پخش در آینده

پخش در آینده

دوست داشته شد

10:17

docs: https://nextjs.org/docs/app/building-your-application/rendering/client-components

C

Code Ryan

Code Ryan podcast artwork

1
Finally Understand Server Components In Next.js 11:36

26 weeks پیش11:36

پخش در آینده

پخش در آینده

دوست داشته شد

11:36

Docs: https://nextjs.org/docs/app/building-your-application/rendering/server-components

C

Code Ryan

Code Ryan podcast artwork

1
Understanding Rendering in React & Next.js (The Full Picture) 9:38

27 weeks پیش9:38

پخش در آینده

پخش در آینده

دوست داشته شد

9:38

Docs: https://nextjs.org/docs/app/building-your-application/rendering

C

Code Ryan

Code Ryan podcast artwork

1
Optimize Your Code In Next.js With Server Actions 6:29

27 weeks پیش6:29

پخش در آینده

پخش در آینده

دوست داشته شد

6:29

Docs: https://nextjs.org/docs/app/building-your-application/data-fetching/server-actions-and-mutations

C

Code Ryan

Code Ryan podcast artwork

1
Stream Your Data To Fix Bad UX In Next.js 15 7:57

28 weeks پیش7:57

پخش در آینده

پخش در آینده

دوست داشته شد

7:57

Learn how to use Suspense and streaming for sequential data fetching in Next.js

C

Code Ryan

Code Ryan podcast artwork

1
Developers Really Need To Be Aware Of This 7:32

28 weeks پیش7:32

پخش در آینده

پخش در آینده

دوست داشته شد

7:32

Docs: https://nextjs.org/docs/app/building-your-application/data-fetching/fetching#patterns

C

Code Ryan

Code Ryan podcast artwork

1
THIS Is How To Fetch Data In Next.js 7:42

29 weeks پیش7:42

پخش در آینده

پخش در آینده

دوست داشته شد

7:42

Docs: https://nextjs.org/docs/app/building-your-application/data-fetching/fetching#reference

C

Code Ryan

Code Ryan podcast artwork

1
Did You Know This About Custom Hooks In React.js? 11:51

29 weeks پیش11:51

پخش در آینده

پخش در آینده

دوست داشته شد

11:51

Docs: https://react.dev/learn/reusing-logic-with-custom-hooks#recap

C

Code Ryan

Code Ryan podcast artwork

1
Your Complete Guide To Middleware In Next.js 15 10:47

30 weeks پیش10:47

پخش در آینده

پخش در آینده

دوست داشته شد

10:47

Middleware Docs: https://nextjs.org/docs/app/building-your-application/routing/middleware

C

Code Ryan

Code Ryan podcast artwork

1
Prevent This Race Condition In React.js 8:36

30 weeks پیش8:36

پخش در آینده

پخش در آینده

دوست داشته شد

8:36

Docs: https://react.dev/learn/you-might-not-need-an-effect#subscribing-to-an-external-store

C

Code Ryan

Code Ryan podcast artwork

1
This Is A Core Concept To Understand About React.js 5:43

31 weeks پیش5:43

پخش در آینده

پخش در آینده

دوست داشته شد

5:43

Docs: https://react.dev/learn/you-might-not-need-an-effect#notifying-parent-components-about-state-changes

C

Code Ryan

Code Ryan podcast artwork

1
3 Key Concepts Professional React Developers Master 8:58

39 weeks پیش8:58

پخش در آینده

پخش در آینده

دوست داشته شد

8:58

Docs: https://react.dev/learn/synchronizing-with-effects

C

Code Ryan

Code Ryan podcast artwork

1
The Right Way To Handle Instant Loading States In Next.js 15 4:39

40 weeks پیش4:39

پخش در آینده

پخش در آینده

دوست داشته شد

4:39

Docs: https://nextjs.org/docs/app/building-your-application/routing/loading-ui-and-streaming

C

Code Ryan

Code Ryan podcast artwork

1
Correctly Using Refs With DOM Elements In React.js 7:09

40 weeks پیش7:09

پخش در آینده

پخش در آینده

دوست داشته شد

7:09

https://react.dev/learn/manipulating-the-dom-with-refs#best-practices-for-dom-manipulation-with-refs

C

Code Ryan

Code Ryan podcast artwork

1
Next.js 15 Error Handling Mastery 8:31

41 weeks پیش8:31

پخش در آینده

پخش در آینده

دوست داشته شد

8:31

Docs: https://nextjs.org/docs/app/building-your-application/routing/error-handling#uncaught-exceptions

C

Code Ryan

Code Ryan podcast artwork

1
What Are Refs In React.js, Really? Why? 10:29

41 weeks پیش10:29

پخش در آینده

پخش در آینده

دوست داشته شد

10:29

https://react.dev/learn/referencing-values-with-refs#recap

C

Code Ryan

Code Ryan podcast artwork

1
PRO Next.js 15 Error Handling - Expected Errors 7:09

42 weeks پیش7:09

پخش در آینده

پخش در آینده

دوست داشته شد

7:09

Docs: https://nextjs.org/docs/app/building-your-application/routing/error-handling

C

Code Ryan

Code Ryan podcast artwork

1
Optimize Client Side Navigation In Next.js 15 9:05

43 weeks پیش9:05

پخش در آینده

پخش در آینده

دوست داشته شد

9:05

Docs: https://nextjs.org/docs/app/api-reference/functions/use-router

C

Code Ryan

Code Ryan podcast artwork

1
Actually Understanding Context In React.js 18:04

43 weeks پیش18:04

پخش در آینده

پخش در آینده

دوست داشته شد

18:04

Docs: https://react.dev/learn/passing-data-deeply-with-context Starter Project: https://github.com/coderyansolomon/react-context

C

Code Ryan

Code Ryan podcast artwork

1
The Recommended Way To Link In Next.js 15 10:10

44 weeks پیش10:10

پخش در آینده

پخش در آینده

دوست داشته شد

10:10

Docs: https://nextjs.org/docs/app/building-your-application/routing/linking-and-navigating Link API - https://nextjs.org/docs/app/api-reference/components/link

C

Code Ryan

Code Ryan podcast artwork

1
Avoid This Problem In React.js - Prop Drilling 6:12

44 weeks پیش6:12

پخش در آینده

پخش در آینده

دوست داشته شد

6:12

Docs: https://react.dev/learn/passing-data-deeply-with-context

C

Code Ryan

Code Ryan podcast artwork

1
Are Templates Better Than Layouts In Next.js? 6:20

45 weeks پیش6:20

پخش در آینده

پخش در آینده

دوست داشته شد

6:20

Docs: https://nextjs.org/docs/app/building-your-application/routing/layouts-and-templates#templates

C

Code Ryan

Code Ryan podcast artwork

1
The Only useReducer Video You Need 24:21

45 weeks پیش24:21

پخش در آینده

پخش در آینده

دوست داشته شد

24:21

Docs: https://react.dev/learn/extracting-state-logic-into-a-reducer#comparing-usestate-and-usereducer

C

Code Ryan

Code Ryan podcast artwork

1
How To Use Layouts Correctly In Next.js 15 12:30

46 weeks پیش12:30

پخش در آینده

پخش در آینده

دوست داشته شد

12:30

Docs: https://nextjs.org/docs/app/building-your-application/routing/layouts-and-templates

C

Code Ryan

Code Ryan podcast artwork

1
Master React State By Solving This Problem 5:26

46 weeks پیش5:26

پخش در آینده

پخش در آینده

دوست داشته شد

5:26

Today, I discuss the problem of state not being reset when rendering the same component in the same position within the React tree. Read more about this here: https://react.dev/learn/preserving-and-resetting-state#resetting-state-at-the-same-position

C

Code Ryan

Code Ryan podcast artwork

1
How Pages Really Work In Next.js 15 6:52

47 weeks پیش6:52

پخش در آینده

پخش در آینده

دوست داشته شد

6:52

Today, I give a brief overview of how pages work in Next.js 15 and a few important things to know regarding pages. Learn more from the Next.js docs here: https://nextjs.org/docs/app/building-your-application/routing/pages

C

Code Ryan

Code Ryan podcast artwork

1
The Wrong Way To Manage State In React.js 5:30

47 weeks پیش5:30

پخش در آینده

پخش در آینده

دوست داشته شد

5:30

Today, I cover having a single source of truth in your React application's state. Docs: https://react.dev/learn/sharing-state-between-components#a-single-source-of-truth-for-each-state

C

Code Ryan

Code Ryan podcast artwork

1
A Next.js Fundamental You Need To Master 13:18

48 weeks پیش13:18

پخش در آینده

پخش در آینده

دوست داشته شد

13:18

Learn how to define routes in Next.js 15. Docs: https://nextjs.org/docs/app/building-your-application/routing/defining-routes

C

Code Ryan

Code Ryan podcast artwork

1
This Is A Common Misconception In React.js 9:19

48 weeks پیش9:19

پخش در آینده

پخش در آینده

دوست داشته شد

9:19

Docs: https://react.dev/learn/preserving-and-resetting-state#

C

Code Ryan

Code Ryan podcast artwork

1
This Is A Breaking Change For Next.js 15 4:06

49 weeks پیش4:06

پخش در آینده

پخش در آینده

دوست داشته شد

4:06

Today, I cover the change from sync to async apis in Next.js 15. Docs: https://nextjs.org/docs/app/building-your-application/upgrading/version-15

C

Code Ryan

Code Ryan podcast artwork

1
A Fundamental React.js Concept - Lifting State 9:33

49 weeks پیش9:33

پخش در آینده

پخش در آینده

دوست داشته شد

9:33

Today, I discuss what it means to lift state in React.js and show you an example of how this might be done.

C

Code Ryan

Code Ryan podcast artwork

1
This Is How To Structure State In React.js 11:19

50 weeks پیش11:19

پخش در آینده

پخش در آینده

دوست داشته شد

11:19

Today, I cover 5 principles of structuring state in your React applications. Docs: https://react.dev/learn/choosing-the-state-structure#

C

Code Ryan

Code Ryan podcast artwork

1
The Top 3 Next.js 15 Project Organization Strategies 9:07

50 weeks پیش9:07

پخش در آینده

پخش در آینده

دوست داشته شد

9:07

Today, I discuss a few solid options for organizing your Next.js projects. Docs: https://nextjs.org/docs/canary/app/building-your-application/routing/colocation#project-organization-strategies

C

Code Ryan

Code Ryan podcast artwork

1
NEW Next.js 15 Feature! Enhanced Forms 7:51

51 weeks پیش7:51

پخش در آینده

پخش در آینده

دوست داشته شد

7:51

Today, I show you a cool new feature of Next.js 15 forms: Client Side Navigation

C

Code Ryan

Code Ryan podcast artwork

1
The Modern Guide To Using State In React.js 17:22

51 weeks پیش17:22

پخش در آینده

پخش در آینده

دوست داشته شد

17:22

I show you a step by step process for how to think about using state in React.js

C

Code Ryan

Code Ryan podcast artwork

1
I Really Didn't Understand This.. 11:27

52 weeks پیش11:27

پخش در آینده

پخش در آینده

دوست داشته شد

11:27

Today, I discuss declarative vs imperative programming in the context of React.js and why it matters.

C

Code Ryan

Code Ryan podcast artwork

1
A Developer Lesson Learned The Hard Way 5:14

1 year پیش5:14

پخش در آینده

پخش در آینده

دوست داشته شد

5:14

As a web developer, it can be easy to just push a PR without considering how you can make things more maintainable and extendable in the long run.

C

Code Ryan

Code Ryan podcast artwork

1
This Is A Bad Idea In React.js 12:27

1 year پیش12:27

پخش در آینده

پخش در آینده

دوست داشته شد

12:27

Today, I show some examples of mistakes you can make (bad ideas) when working with arrays in React.js state

C

Code Ryan

Code Ryan podcast artwork

1
This Is A New Helpful Feature In Next.js 15 6:13

1 year پیش6:13

پخش در آینده

پخش در آینده

دوست داشته شد

6:13

Today, I cover what the status indicator means in your Next.js application as well as giving you a refresher on static vs dynamic rendering. Docs: https://nextjs.org/docs/app/api-reference/next-config-js/devIndicators#appisrstatus-static-indicator

C

Code Ryan

Code Ryan podcast artwork

1
Doing This Is A Bad Idea In Your React Apps 11:55

1 year پیش11:55

پخش در آینده

پخش در آینده

دوست داشته شد

11:55

Mutating state isn't a great idea in your React apps. But how should you update your objects and arrays? Doing full replacements or creating copies. I show you how in this video.

C

Code Ryan

Code Ryan podcast artwork

1
Do You Need A Degree For Software Engineering? 8:55

1 year پیش8:55

پخش در آینده

پخش در آینده

دوست داشته شد

8:55

I discuss my experience with having a college degree for software engineering and if I think it's needed or not.

به Player FM خوش آمدید!

Player FM در سراسر وب را برای یافتن پادکست های با کیفیت اسکن می کند تا همین الان لذت ببرید. این بهترین برنامه ی پادکست است که در اندروید، آیفون و وب کار می کند. ثبت نام کنید تا اشتراک های شما در بین دستگاه های مختلف همگام سازی شود.

به بیش از 500 موضوع گوش کنید

در حین کاوش به این نمایش گوش دهید