Rebuilding Our Jekyll Website with Next.js and Theme UI
Includes their thinking of why to choose Next.js over Gatsby. - http://amp.gs/6L3u
#nextjs
Includes their thinking of why to choose Next.js over Gatsby. - http://amp.gs/6L3u
#nextjs
Ghost Inspector
Rebuilding Our Jekyll Website with Next.js and Theme UI — Ghost Inspector
Recently we redesigned and rebuilt our marketing site that was built in Jekyll and I thought it might be interesting to explain why we did it, as well as talk about the choices we made like using Next.js, React (JSX and MDX), CSS in JS, and Theme UI.
How To Implement Authentication in Next.js with Auth0
The author makes a good case as to why authentication should be left to a third-party service like Auth0, and then walks through the steps to use the service in a Next.js app. - http://amp.gs/jIeXK
#nextjs
The author makes a good case as to why authentication should be left to a third-party service like Auth0, and then walks through the steps to use the service in a Next.js app. - http://amp.gs/jIeXK
#nextjs
Smashing Magazine
How To Implement Authentication In Next.js With Auth0 — Smashing Magazine
A step-by-step tutorial on adding authentication and authorization to your Next.js apps, with Auth0. We’ll be using a Next.js SDK to connect our application to the Auth0 API and will create the dynamic API route for React.
Next.js 11 Released
The popular React framework takes some more steps forward with improved performance, Webpack 5 support, an experimental way to make Create React App apps Next.js compatible, and Next.js Live, a preview of a way to build Next.js apps in the browser, collaboratively, with your team. - http://amp.gs/jjZr4
#nextjs
The popular React framework takes some more steps forward with improved performance, Webpack 5 support, an experimental way to make Create React App apps Next.js compatible, and Next.js Live, a preview of a way to build Next.js apps in the browser, collaboratively, with your team. - http://amp.gs/jjZr4
#nextjs
nextjs.org
Next.js 11
Next.js 11 continues our mission to create the best developer experience with a new conformance system and performance improvements.
What’s The Best Place to Host a Next.js Site?
A really detailed look at deploying a Next.js app to Vercel, Netlify, Layer0 and Heroku and rating them based upon a variety of factors. - http://amp.gs/j8kZp
#react #nextjs
A really detailed look at deploying a Next.js app to Vercel, Netlify, Layer0 and Heroku and rating them based upon a variety of factors. - http://amp.gs/j8kZp
#react #nextjs
How We Reduced Next.js Page Size by 3.5x and Achieved a 98 Lighthouse Score - http://amp.gs/jTmea
#react #nextjs
#react #nextjs
papyrus.dev
Papyrus Blog | How we reduced Next.js page size by 3.5x and achieved a 98 Lighthouse score
Create a modern, beautiful, blazing-fast blog in seconds with Papyrus
Global vs. Local Styling in Next.js
Approaching the topic of structuring CSS nicely within Next-powered apps. - http://amp.gs/jzeF0
#react #nextjs
Approaching the topic of structuring CSS nicely within Next-powered apps. - http://amp.gs/jzeF0
#react #nextjs
State Management in Next.js Apps
Managing state in a Next.js application can get tricky very quickly. This looks at some patterns to help avoid complexity in common scenarios and avoid “provider hell.” - http://amp.gs/jz92A
#react #nextjs
Managing state in a Next.js application can get tricky very quickly. This looks at some patterns to help avoid complexity in common scenarios and avoid “provider hell.” - http://amp.gs/jz92A
#react #nextjs
Smashing Magazine
State Management In Next.js — Smashing Magazine
By combining some React APIs, we can accurately manage “simple” states. With Next.js though, we can quickly find situations where we need to accommodate many other requirements. Let’s have a look at some patterns to accomplish all that.
Migrating from Create React App
A guide on how to transition from an existing non-ejected Create React App project to Next.js – an option that will open up a lot more possibilities such as API routes, incremental static regeneration, and better data fetching options. - http://amp.gs/jz52u
#react #nextjs
A guide on how to transition from an existing non-ejected Create React App project to Next.js – an option that will open up a lot more possibilities such as API routes, incremental static regeneration, and better data fetching options. - http://amp.gs/jz52u
#react #nextjs
nextjs.org
Migrating to Next.js: Migrating from Create React App | Next.js
Learn how to transition an existing Create React App project to Next.js.
A Next.js 'New Post' Node Script
How a developer went about creating a Node-powered script to simplify creating new blog posts in a Next.js-based site. - http://amp.gs/j1v7E
#nodejs #nextjs
How a developer went about creating a Node-powered script to simplify creating new blog posts in a Next.js-based site. - http://amp.gs/j1v7E
#nodejs #nextjs
Manorisms
Next.js "New Post" Node Script
Next.js 12 Released
The popular Node.js + React development framework takes its biggest step forward yet with an array of improvements including beta support for middleware, React 18 support, native ES module support, a Rust-powered compiler for 5x faster builds, and more. - http://amp.gs/jYl20
#nodejs #nextjs
The popular Node.js + React development framework takes its biggest step forward yet with an array of improvements including beta support for middleware, React 18 support, native ES module support, a Rust-powered compiler for 5x faster builds, and more. - http://amp.gs/jYl20
#nodejs #nextjs
nextjs.org
Next.js 12
Next.js 12 introduces a brand-new Rust compiler, Middleware (beta), React 18 Support, Native ESM Support, URL Imports, React Server Components (alpha), and more!
How To Maintain a Large Next.js App
Rather than trying to scale the ad hoc maintenance techniques used when the codebase was kicked off, here are tools which will keep the code in good shape as it grows. - http://amp.gs/jtELP
#react #nextjs
Rather than trying to scale the ad hoc maintenance techniques used when the codebase was kicked off, here are tools which will keep the code in good shape as it grows. - http://amp.gs/jtELP
#react #nextjs
Smashing Magazine
How To Maintain A Large Next.js Application — Smashing Magazine
In this article, Nirmalya discusses some of the complex problems that he faced while building and maintaining large Next.js applications. He always explains how these problems can be solved by using various tools.
How to Unit Test Next.js API Routes with Typescript
If you need env vars, mocked data, and Typescript types, this one’s for you. - http://amp.gs/jpyVe
#nextjs
If you need env vars, mocked data, and Typescript types, this one’s for you. - http://amp.gs/jpyVe
#nextjs
Medium
How to Unit Test Next.js API Routes with Typescript
If you need env vars, mocked data, and Typescript types, this one’s for you.
Next.js's Layouts RFC: Big Changes Ahead for Next.js
If you’re a Next.js user, you’ll want to read this as some significant updates are on the way, particularly around routing, app structure, and layouts (including nested layouts). - http://amp.gs/jBbJs
#nextjs
If you’re a Next.js user, you’ll want to read this as some significant updates are on the way, particularly around routing, app structure, and layouts (including nested layouts). - http://amp.gs/jBbJs
#nextjs
Next.js 12.3 Features Walkthrough and Demo
Vercel’s VP of Developer Experience walks through the changes in the latest version of Next.js which we squeezed in to last week’s issue. If you don’t like video, you can read more about the release on Vercel’s blog. - https://www.youtube.com/watch?v=3UD7Y02AcN4
#react #nextjs
Vercel’s VP of Developer Experience walks through the changes in the latest version of Next.js which we squeezed in to last week’s issue. If you don’t like video, you can read more about the release on Vercel’s blog. - https://www.youtube.com/watch?v=3UD7Y02AcN4
#react #nextjs
YouTube
Next.js 12.3 Overview: Improved Fast Refresh, TypeScript Auto-Install, and more.
Next.js 12.3 introduces several improvements to your React development workflow, including hot reloading environment and configuration files, and automatic installation of TypeScript dependencies when renaming a file to `.ts`.
This hour-long session will…
This hour-long session will…
Unlock the full potential of Vue 3 with TypeScript.
Dive into the world of TypeScript. In this Vue.js Amsterdam 2023 presentation video, find out why we should use TypeScript and how to get started with it in our Vue.js applications. A must-watch resource is you are looking to learn the advantages of using TypeScript and various ways to incorporate it into Vue.js. - https://www.youtube.com/watch?v=VBQ3_IXy3JA&list=PL02pdjMT4gWzQ8QZo9ddWuU4nz6s63o1u&index=25
#vue
Dive into the world of TypeScript. In this Vue.js Amsterdam 2023 presentation video, find out why we should use TypeScript and how to get started with it in our Vue.js applications. A must-watch resource is you are looking to learn the advantages of using TypeScript and various ways to incorporate it into Vue.js. - https://www.youtube.com/watch?v=VBQ3_IXy3JA&list=PL02pdjMT4gWzQ8QZo9ddWuU4nz6s63o1u&index=25
#vue
YouTube
Daniel Kelly - TypeScript with Vue.js 3 - Vuejs Amsterdam 2023
Unlock the full potential of Vue 3 with TypeScript. This talk will cover how to type all Vue related features like reactive data, props, events, refs and much more
https://www.jsworldconference.com/newsletter
Powered by https://passionatepeople.io
#jsworld…
https://www.jsworldconference.com/newsletter
Powered by https://passionatepeople.io
#jsworld…
Why I Stopped Using Next.js and Chose Astro Instead - https://www.youtube.com/watch?v=BoeZqPaYw9s
#nextjs #react
#nextjs #react
YouTube
Why I STOPPED Using Next.js And Chose Astro Instead
Next.js was not the best option for my personal site. I decided to choose Astro because it handles working with markdown, code highlighting, pagination, and so much more so much easier.
Full Astro Course - https://astrocourse.dev/
**DISCORD**
Join the…
Full Astro Course - https://astrocourse.dev/
**DISCORD**
Join the…
tRPC + Next.js App Router = Simple Typesafe APIs - https://www.youtube.com/watch?v=qCLV0Iaq9zU
#react #nextjs
#react #nextjs
YouTube
tRPC + NextJS App Router = Simple Typesafe APIs
👉 Upcoming NextJS course: https://pronextjs.dev
👉 Code : https://github.com/jherr/trpc-on-the-app-router
👉 Don't forget to subscribe to this channel for more updates: https://bit.ly/2E7drfJ
👉 Discord server signup: https://discord.gg/ddMZFtTDa5
👉 VS Code…
👉 Code : https://github.com/jherr/trpc-on-the-app-router
👉 Don't forget to subscribe to this channel for more updates: https://bit.ly/2E7drfJ
👉 Discord server signup: https://discord.gg/ddMZFtTDa5
👉 VS Code…
Building a Next.js 13 Dashboard with Auth using AWS
With AWS Appsync and Amplify Studio doing a lot of the heavy lifting. - https://www.youtube.com/watch?v=-j7XpK2UQ3w
#react
With AWS Appsync and Amplify Studio doing a lot of the heavy lifting. - https://www.youtube.com/watch?v=-j7XpK2UQ3w
#react
YouTube
Build a Next.js 13 Dashboard With Authentication using AWS
Need to Sign Up? Click here https://go.aws/3qK8rG6
#nextjs #nextjstutorial #aws
In this code-a-long we create a Next.js 13 application admin dashboard with Authentication. We'll use AWS Appsync, Amplify Studio, storage, auth and more!
👉 Check out my…
#nextjs #nextjstutorial #aws
In this code-a-long we create a Next.js 13 application admin dashboard with Authentication. We'll use AWS Appsync, Amplify Studio, storage, auth and more!
👉 Check out my…
Why I Won't Use Next.js
Kent explains in detail why he has chosen Remix over Next.js. The reasoning is more nuanced than the title might imply but focuses around Remix relying more on the web platform and not being as closely aligned with a commercial platform. - https://www.epicweb.dev/why-i-wont-use-nextjs
#react #nextjs
Kent explains in detail why he has chosen Remix over Next.js. The reasoning is more nuanced than the title might imply but focuses around Remix relying more on the web platform and not being as closely aligned with a commercial platform. - https://www.epicweb.dev/why-i-wont-use-nextjs
#react #nextjs
Epic Web Dev
Why I Won't Use Next.js
From the perspective of web standards to concerns about increasing complexity, Kent C. Dodds shares his opinions on why he won't use Next.js.