🥊 gatsby vs nextjs: markdown blog

Ask our Solution Architect (Lee Robinson) anything about Next.js, React Server Components, Web Best Practices, Performance, Incremental Adoption, and Hosting.

Next.js AMA with Lee Robinson

Season 5 Episode 2. In this episode, Ali joins Kelly and Sidney to talk about getting started with web development in Next.js. 

Thanks for watching! 

Transcript: https://github.com/ladybug-podcast/ladybug-website/blob/master/transcripts/60-nextjs.md
Previous Episodes: https://www.ladybug.dev/episodes

BUSINESS INQUIRIES
hello@ladybug.dev

LET'S BE FRIENDS 
► Twitter: https://twitter.com/ladybugpodcast
► Emma: https://twitter.com/emmabostian
► Ali: https://twitter.com/aspittel
► Kelly: https://twitter.com/kvlly
► Sidney: https://twitter.com/shidonichan

RESOURCES
► DEV Toast Post: https://dev.to/ekafyi/a-bite-of-toast-the-new-jamstack-meta-framework-4nel
► Toast GitHub Repo: https://github.com/toastdotdev/toast
► Getting Started With Next: https://nextjs.org/docs/getting-started
► Getting Started with Nuxt: https://nuxtjs.org/docs/2.x/get-started/installation

Getting Started With Next.js // Ladybug Podcast

Next.js Mastery Learning Path: https://codedamn.com/learning-paths/nextjs-mastery
Beginner course: https://www.youtube.com/watch?v=tt3PUvhOVzo
10% discount for first month/3-month/6-month/year cycle: http://codedamn.com/pricing?code=CODEDAMN_SUBSCRIBER

Timestamps
00:00 codedamn Intro
01:19 Introduction
02:28 Environment Variables
13:18 Managing Env Files
19:36 getServerSideProps Part 1
27:16 getServerSideProps Part 2
38:13 getServerSideProps Part 3
44:59 getStaticProps Part 1
50:37 getStaticProps Part 2
01:05:00 getStaticProps Part 3
01:06:59 getStaticPaths
01:19:45 Preview Mode
01:30:49 Dynamic Loading Part 1
01:37:33 Image Component Part 1
01:45:41 Image Component Part 2
01:52:38 Outro

Don't forget to subscribe and like the video if you enjoyed :)
Want to become a programmer? Learn and solve challenges on codedamn: https://codedamn.com
My Instagram: https://instagram.com/mehulmpt
My Twitter: https://twitter.com/mehulmpt
My LinkedIn: https://linkedin.com/in/mehulmpt

Advanced Next.js Course | Learn Next.js in 2021

Build your own blog with Sanity.io and Next.js! Sanity.io is a headless CMS that we can leverage to manage our blog content, and Next.js is a React framework that we can use to build the frontend for our blog.

#Nextjs #Sanityio #WebDev2021

🎵 Music by Moon Wash.
https://songfuze.com/artist/moonwash

🔗What Is Server Side Rendering: https://youtu.be/5jLix0CILCM
🔗React Hooks: https://youtu.be/-Yir1R6gC9s
🔗Beginner Next.js Tutorial: https://youtu.be/xtItzwYG6oQ
🔗Beginner React Tutorial: https://youtu.be/ZcD5rJKm3Lk
🔗Advanced React Tutorial: https://youtu.be/ODoxVFQKmBc

Finished Code: https://github.com/portexe/next-blog

---

👀 Follow Me:
Twitter ➔ https://twitter.com/portexe
Instagram ➔ https://www.instagram.com/port.exe/
GitHub ➔ https://github.com/portexe
Facebook ➔ https://www.facebook.com/portexe
Website ➔ https://www.portexe.com/

Code A Blog With Next.js and Sanity.io

- demo: https://lets-learn-next.netlify.app
- repo: https://github.com/learnwithjason/lets-learn-next

Links:
- https://nextjs.org/
- https://github.com/netlify/netlify-plugin-nextjs
- https://frontendmasters.com/courses/next-js/
- https://frontendmasters.com/workshops/production-next-js/
- https://www.youtube.com/watch?v=NXedb2z7N-4&list=PLBnKlKpPeagnT2Cmv4giCbosfrbKnuYTD
- https://www.learnwithjason.dev/let-s-learn-react
- https://rickandmortyapi.com/
- https://tipe.io/
- https://starship.rs/
- https://github.com/jlengstorf/dotfiles/blob/main/.config/starship.toml

Watch future episodes live at https://www.twitch.tv/jlengstorf

Credits:

Local Elevator by Kevin MacLeod is licensed under a Creative Commons Attribution license (https://creativecommons.org/licenses/by/4.0/)
Source: http://incompetech.com/music/royalty-free/index.html?isrc=USUAN1300012

Artist: http://incompetech.com/

Busybody by Audionautix is licensed under a Creative Commons Attribution license (https://creativecommons.org/licenses/by/4.0/)

Artist: http://audionautix.com/

Additional sound effects obtained from https://www.zapsplat.com

Let's Learn Next.js! (with Scott Moss) — Learn With Jason

Next.js is a hybrid React framework allowing you to choose your data fetching strategy on a per-page basis. In this talk, you’ll learn more about CSR (Client-Side Rendering), SSR (Server-Side Rendering), SSG (Static-Site Generation), ISR (Incremental Static Regeneration), and when to use each one. I’ll also give a quick introduction to Next.js and share some of the main features of the framework.

Presenter: Lee Robinson

Client-Side VS Server-Side Rendering - Data Fetching with Next.js

Let's learn how to set/remove cookies both in the browser but also on the server in Next.js. This will allow us to create HttpOnly cookies, perfect for storing sensitive data such as authentication tokens.

---------- Course

Want to go deeper with Next.js? Join me in my Next Level Next.js course where over 29 videos and 8 hours of content we'll build a full application from start to finish. We use TypeScript, GraphQL, Prisma, Apollo, Mapbox, Firebase and lots more. https://courses.leighhalliday.com/next-level-next-js

---------- Links

Source Code - https://github.com/leighhalliday/nextjs-cookies
Starting Code - https://github.com/leighhalliday/nextjs-cookies/tree/14bff7ecc64cae5f72d3f6b5ad8b2837ce6ebe1f
Same Site Cookies - https://web.dev/samesite-cookies-explained/

---------- Connect

Join this channel - https://www.youtube.com/channel/UCWPY8W-FAZ2HdDiJp2RC_sQ/join
Join me on Discord - https://discord.gg/wcSNwfu

---------- Timeline

00:00 - Client Side Cookies in React
02:15 - Reading Cookies Server Side Next.js
04:45 - Server Side Cookies in Next.js

Client and Server Side Cookies in Next.js

https://codingcat.dev/podcasts/1-4-next-js-10-with-guillermo-rauch/

Talking with Guillermo Rauch about Next.js 10 and Vercel. Including plans for 2021.

Next.js 10 with Guillermo Rauch

Learn how to use Sass in Next.js CSS modules. We'll walk through:
* Creating a new Next.js app
* Installing and configuring Sass
* Walking through writing SCSS in CSS Modules

🔔 Subscribe for more tech and developer videos
https://www.youtube.com/colbyfayock?sub_confirmation=1

🐦 Get updates straight to your Twitter @colbyfayock
https://twitter.com/colbyfayock

📸 Catch the next stream live on Twitch @colbyfayock
https://twitch.tv/colbyfayock

✉️ Or a newsletter right to your inbox!
https://www.colbyfayock.com/newsletter/

💝 Sponsor me for more free content like this!
https://github.com/sponsors/colbyfayock

👨‍🚀 Brought to by colbyfayock.com
https://www.colbyfayock.com

🎥 Want to know what A/V equipment I use?
https://www.colbyfayock.com/what-i-use

🧰 More Resources

Next.js Sass Starter
https://github.com/colbyfayock/next-sass-starter

Sass
https://sass-lang.com/

Next.js Built-In CSS Support
https://nextjs.org/docs/basic-features/built-in-css-support

🎼 Music
Discotek by Silent Partner
YouTube Audio Library

🥊 gatsby vs nextjs: markdown blog (bradgarropy.com)