Next.js Resources! (Books, Courses, Articles, Videos)
Official Resources
Docs
Blog
Learn
Examples
Help
GitHub
Discussions
Discord
Books
Real-World Next.js
SaaS Boilerplate
Learning React: Modern Patterns for Developing React Apps
Fullstack React: The Complete Guide to ReactJS and Friends
Videos
Lee Robinson
Delba de Oliveira
Next.js Conf 2020
Vercel
Articles
Lee's Blog
Deploying a PlanetScale, Next.js & Prisma App to Vercel
Building the Tailwind Blog with Next.js
Migrating Notion's marketing site to Next.js
How Lyft is Migrating 100+ Frontend Microservices to Next.js
Conformance for Frameworks
The Ultimate Guide to Next.js Authentication with Auth0
Courses
Next.js Learn Course
Egghead
Production-Grade Next.js
React 2025
Mastering 2025
Tags: #Nextjs #JavaScript #JS #Framework
Official Resources
Docs
Blog
Learn
Examples
Help
GitHub
Discussions
Discord
Books
Real-World Next.js
SaaS Boilerplate
Learning React: Modern Patterns for Developing React Apps
Fullstack React: The Complete Guide to ReactJS and Friends
Videos
Lee Robinson
Delba de Oliveira
Next.js Conf 2020
Vercel
Articles
Lee's Blog
Deploying a PlanetScale, Next.js & Prisma App to Vercel
Building the Tailwind Blog with Next.js
Migrating Notion's marketing site to Next.js
How Lyft is Migrating 100+ Frontend Microservices to Next.js
Conformance for Frameworks
The Ultimate Guide to Next.js Authentication with Auth0
Courses
Next.js Learn Course
Egghead
Production-Grade Next.js
React 2025
Mastering 2025
Tags: #Nextjs #JavaScript #JS #Framework
Forwarded from Cyber Punk™
If you're 47 or younger, you're a time billionaire.
Are you using that time wisely?
IMPORTANT , READ WISELY
1 billion seconds = 31.7 years
The average human lives about 79 years.
If you're 47 or younger, that means you're a time billionaire.
You likely have 1 billion+ seconds left in your life.
If you're 20, there's a decent chance you're a multi-time billionaire.
But almost NOBODY thinks this way.
Why is that?
It's because our society places more value on being a dollar billionaire.
We severely overvalue the dollar billionaire and undervalue the time billionaire.
This is flawed.
Warren Buffett is worth billions of dollars.
No young person in their right mind would switch lives with him if they had to be in their 90s.
Time billionaire > Dollar billionaire
Time is the most precious asset in the world.Everybody has the same amount of time each day.
You can't buy more of it.
It's the only thing in our lives that we can't reacquire once it's gone.
On average, here's how we spend it:
• Sleeping = 26 years
• Trying to fall asleep = 7 years
• Working = 13 years
• TV = 8.3 years
• Eating = 4.5 years
• Chores = 4.3 years
• Social media = 3 years
• Commuting = 3 years
• Grooming = 1.8 years
• Exercise = 1.3 years
With an average life expectancy of 79 years that leaves us with 6.8 years of free time.
What falls into this bucket?
• Reading
• Falling in love
• Going to concerts
• Holidays/Vacations
• Time with friends/family
• Giving back to the community
Only 8.6% of our lives!
How much of your 6.8 years have you already used up?
What would you do differently with your time if you cut that number in half?
Think about these questions.
Then ask yourself:
"How can I optimize my time in the other buckets?"
Stop the timepass. Work harder
Are you using that time wisely?
IMPORTANT , READ WISELY
1 billion seconds = 31.7 years
The average human lives about 79 years.
If you're 47 or younger, that means you're a time billionaire.
You likely have 1 billion+ seconds left in your life.
If you're 20, there's a decent chance you're a multi-time billionaire.
But almost NOBODY thinks this way.
Why is that?
It's because our society places more value on being a dollar billionaire.
We severely overvalue the dollar billionaire and undervalue the time billionaire.
This is flawed.
Warren Buffett is worth billions of dollars.
No young person in their right mind would switch lives with him if they had to be in their 90s.
Time billionaire > Dollar billionaire
Time is the most precious asset in the world.Everybody has the same amount of time each day.
You can't buy more of it.
It's the only thing in our lives that we can't reacquire once it's gone.
On average, here's how we spend it:
• Sleeping = 26 years
• Trying to fall asleep = 7 years
• Working = 13 years
• TV = 8.3 years
• Eating = 4.5 years
• Chores = 4.3 years
• Social media = 3 years
• Commuting = 3 years
• Grooming = 1.8 years
• Exercise = 1.3 years
With an average life expectancy of 79 years that leaves us with 6.8 years of free time.
What falls into this bucket?
• Reading
• Falling in love
• Going to concerts
• Holidays/Vacations
• Time with friends/family
• Giving back to the community
Only 8.6% of our lives!
How much of your 6.8 years have you already used up?
What would you do differently with your time if you cut that number in half?
Think about these questions.
Then ask yourself:
"How can I optimize my time in the other buckets?"
Stop the timepass. Work harder
JavaScript Objects: 15 Fundamentals You Should Know
https://medium.com/dailyjs/15-fundamentals-you-should-know-on-javascript-objects-90f57cc9d78d
#js #JavaScript #Object
https://medium.com/dailyjs/15-fundamentals-you-should-know-on-javascript-objects-90f57cc9d78d
#js #JavaScript #Object
Chrome 97: WebTransport, New Array Static Methods and More
https://blog.chromium.org/2021/11/chrome-97-webtransport-new-array-static.html
https://blog.chromium.org/2021/11/chrome-97-webtransport-new-array-static.html
Learn JavaScript™
Fireship reviewed the new React JS-based framework made by the team from React Router, called Remix JS which is suitable for JAMStack https://www.youtube.com/watch?v=r4B69HAOXnA #react #remix #fireship #nextjs
Remix is a full stack web framework that let’s you focus on the user interface and work back through web fundamentals to deliver a fast, slick, and resilient user experience..
🔗 Resources
- Remix Docs :
https://remix.run
https://remix.run/docs/en/v1
- Remix vs Next.js :
https://sergiodxa.com/articles/remix-vs-next-js-comparison
- Official YT :
https://youtube.com/c/Remix-Run
🔗 Resources
- Remix Docs :
https://remix.run
https://remix.run/docs/en/v1
- Remix vs Next.js :
https://sergiodxa.com/articles/remix-vs-next-js-comparison
- Official YT :
https://youtube.com/c/Remix-Run
Forwarded from Learn CSS™
Introducing CSS Grid and Flexbox for functions and properties that few people know about by Kevin Powell
https://www.youtube.com/watch?v=s3wHkfMz8oE
#css #flexbox #grid #kevinPowell
https://www.youtube.com/watch?v=s3wHkfMz8oE
#css #flexbox #grid #kevinPowell
See a new feature in the Deno TS runtime that can run Node JS applications in compatibility mode
https://medium.com/deno-the-complete-reference/node-js-compatibility-in-deno-a7cb8384a8d7
#deno #nodejs
https://medium.com/deno-the-complete-reference/node-js-compatibility-in-deno-a7cb8384a8d7
#deno #nodejs
Mongoose for ORM CRUD on MongoDb and Node JS by WebDev simplified
https://www.youtube.com/watch?v=DZBGEVgL2eE
#mongoose #webDevSimplified #nodejs #mongodb
https://www.youtube.com/watch?v=DZBGEVgL2eE
#mongoose #webDevSimplified #nodejs #mongodb
Freecodecamp's long exercise on creating a cartoon Wiki theme web app, using React JS
https://www.freecodecamp.org/news/react-js-project-build-a-rick-and-morty-character-wiki/
---
Freecodecamp long practice building e-commerce web app with React JS
https://www.freecodecamp.org/news/learn-react-by-building-an-ecommerce-site/
---
Explanation of what React Props are and examples
https://dev.to/ziratsu/what-are-react-props-4c07
---
Creating a Custom error component in Next JS
https://dev.to/elisabethleonhardt/create-a-custom-error-component-in-nextjs-ssr-csr-4kk9
---
#react #nextjs #freecodecamp #props
https://www.freecodecamp.org/news/react-js-project-build-a-rick-and-morty-character-wiki/
---
Freecodecamp long practice building e-commerce web app with React JS
https://www.freecodecamp.org/news/learn-react-by-building-an-ecommerce-site/
---
Explanation of what React Props are and examples
https://dev.to/ziratsu/what-are-react-props-4c07
---
Creating a Custom error component in Next JS
https://dev.to/elisabethleonhardt/create-a-custom-error-component-in-nextjs-ssr-csr-4kk9
---
#react #nextjs #freecodecamp #props
Free digital book about introduction to Docker and how to use Docker
https://devdojo.com/bobbyiliev/free-introduction-to-docker-ebook
#docker #ebook
https://devdojo.com/bobbyiliev/free-introduction-to-docker-ebook
#docker #ebook
Release notes of NgRx version 13 with the addition of several new features and bug fixes
https://medium.com/ngrx/announcing-ngrx-version-13-ivy-builds-feature-creators-improved-selectors-and-more-6a1a4c52c824
#ngrx #state #management
https://medium.com/ngrx/announcing-ngrx-version-13-ivy-builds-feature-creators-improved-selectors-and-more-6a1a4c52c824
#ngrx #state #management
Create a simple web blog with Strapi CMS
https://strapi.medium.com/build-an-editorial-website-with-vanilla-javascript-and-strapi-6d0e316ec143
—-
Practice using Strapi CMS with Next JS for the Photo Gallery app
https://medium.com/strapi/how-to-build-a-photo-gallery-with-strapi-nextjs-and-cloudinary-e4d2e22086d3
#nextjs #react #strapi #gallery #blog
https://strapi.medium.com/build-an-editorial-website-with-vanilla-javascript-and-strapi-6d0e316ec143
—-
Practice using Strapi CMS with Next JS for the Photo Gallery app
https://medium.com/strapi/how-to-build-a-photo-gallery-with-strapi-nextjs-and-cloudinary-e4d2e22086d3
#nextjs #react #strapi #gallery #blog
Release notes of Nx Tools version 13.2 with many new features added
https://blog.nrwl.io/platform-upgrades-for-angular-v13-nestjs-8-next-js-12-and-more-in-nx-13-2-64218e5673fd
#nx
https://blog.nrwl.io/platform-upgrades-for-angular-v13-nestjs-8-next-js-12-and-more-in-nx-13-2-64218e5673fd
#nx
Forwarded from All kind of Ebooks ™
MERN_Projects_for_Beginners_Create_Five_Social_Web_Apps_Using_MongoDB.pdf
10.6 MB
How to Build A Plugin System with Node.js
https://javascript.plainenglish.io/how-to-build-a-plugin-system-with-node-js-68c097eb3a2e
#JavaScript #JS #Plugin #NodeJS
https://javascript.plainenglish.io/how-to-build-a-plugin-system-with-node-js-68c097eb3a2e
#JavaScript #JS #Plugin #NodeJS
Complete collection of Node JS and MERN Stack fullstack learning resources
https://devdojo.com/rahulism/free-100-mern-mean-stack-resources
#mern #nodejs #fullstack #resource
https://devdojo.com/rahulism/free-100-mern-mean-stack-resources
#mern #nodejs #fullstack #resource
Get to know the concept of event loop processes in JavaScript which consist of Callbacks, Call Stacks, and Queues
https://dev.to/imkarthikeyan/javascript-call-stack-event-loop-and-callback-queue-1ioo
---
How to Destructuring Nested Objects in JavaScript
https://javascript.plainenglish.io/destructuring-nested-javascript-objects-7b9043a199b6
---
Get to know some looping techniques in JavaScript
https://javascript.plainenglish.io/common-loops-in-javascript-a-guide-65b8eb072795
---
A collection of essential and usable JavaScript libraries for projects
https://javascript.plainenglish.io/11-useful-libraries-that-will-come-in-handy-for-frontend-developers-440d2fd1657f
---
The data type that is suitable for the currency data type or currency
https://javascript.plainenglish.io/what-is-the-best-type-for-currency-in-programming-83709ad38e5e
#callback #queue #eventLoop #library #currency #destructuring
https://dev.to/imkarthikeyan/javascript-call-stack-event-loop-and-callback-queue-1ioo
---
How to Destructuring Nested Objects in JavaScript
https://javascript.plainenglish.io/destructuring-nested-javascript-objects-7b9043a199b6
---
Get to know some looping techniques in JavaScript
https://javascript.plainenglish.io/common-loops-in-javascript-a-guide-65b8eb072795
---
A collection of essential and usable JavaScript libraries for projects
https://javascript.plainenglish.io/11-useful-libraries-that-will-come-in-handy-for-frontend-developers-440d2fd1657f
---
The data type that is suitable for the currency data type or currency
https://javascript.plainenglish.io/what-is-the-best-type-for-currency-in-programming-83709ad38e5e
#callback #queue #eventLoop #library #currency #destructuring