Learn JavaScript™

Clone the Notion application with Next.js 13, React, Convex, Tailwind

https://www.youtube.com/watch?v=0OaDyjB9Ib8

—-

Create a Notion clone application with Next.js, DALL-E, Vercel

https://www.freecodecamp.org/news/build-and-deploy-a-full-stack-notion-clone-with-next-js-dall-e-vercel/

#notion #clone #react #nodejs #nextjs #dalle #tailwind #convex

YouTube

Fullstack Notion Clone: Next.js 13, React, Convex, Tailwind | Full Course 2023

Discord for any problems/errors/bugs: https://www.codewithantonio.com/discord
Github & Live Website: https://www.codewithantonio.com/projects/notes-app
Convex: https://www.convex.dev
Clerk: https://dub.sh/7gFtfQb
Edgestore: https://edgestore.dev
Trunk: h…

340 views11:40

Learn JavaScript™

Training from JavaScript Mastery to create a web application with Next JS and Tailwind CSS

https://youtu.be/cuzw4vL1z5E?si=ds6OPbp9DTxuqqiu

#nextjs #tailwind #css #javascriptMastery

YouTube

Build and Deploy a Fully Responsive Modern UI/UX Website | React.js, Next.js 13, Tailwind CSS

Build a feature-rich travel app with Next.js 14 and Tailwind CSS, covering everything from a sleek UI to mobile-first best practices.

🌟 Become a top 1% Next.js 15 developer in only one course: https://jsmastery.pro/next15

⭐ Hostinger BLACK FRIDAY | Save…

319 views12:03

Learn JavaScript™

Exercise from Cand Dev creating Route Interceptors in Next JS

https://youtu.be/8XxMbwUURRI?si=ZNOPPHBntGuZUjjP

#candDev #nextjs #router #react

YouTube

How to Intercept Routes in Next js | Image Gallery

Let's learn how to create parallel routes in Next.js and how to intercept routes in Next.js. We won't just explore the concepts; we're going to build a gallery app with the Unsplash API.

👨‍💻Code:
https://github.com/candraKriswinarto/intercepting-routes…

331 views12:06

Learn JavaScript™

Using Rich Text Editor in Next JS

https://www.youtube.com/watch?v=ml4USMIm594

#nextjs #rtf

YouTube

Build a Rich Text Editor in Next 13 Tutorial

Check out my web dev courses below🔥
https://developedbyed.com
-------------------------------------------------------------------------------------------------
Have you ever wanted to implement a rich text editor in your react or next 13 apps. You can do…

412 views06:41

Learn JavaScript™

How to Secure Routes in Next.js 13 – Client-Side, Server-Side, and Middleware-Based Protection

https://www.freecodecamp.org/news/secure-routes-in-next-js/

#nextjs #react #router #secure

freeCodeCamp.org

How to Secure Routes in Next.js 13 – Client-Side, Server-Side, and Middleware-Based Protection

Web applications often handle sensitive data and admin functionalities that should only be accessible to authenticated users. In such cases, route protection becomes crucial for safeguarding these routes from unauthorized access. In this tutorial, w...

377 views06:50

Learn JavaScript™

Static page optimization in Next JS with the help of Prisma

https://blog.logrocket.com/optimizing-static-pages-next-js-prisma/

#nextjs #prisma

LogRocket Blog

Optimizing static pages in your Next.js apps with Prisma - LogRocket Blog

Explore how to optimize static pages in Next.js using the Prisma database to enhance the speed and efficiency of your apps.

405 views07:02

Learn JavaScript™

Build an AI Chatbot with the MERN Stack

https://www.freecodecamp.org/news/build-an-ai-chatbot-with-the-mern-stack/

---

How to Avoid Breaking Your React Application in Production

https://www.freecodecamp.org/news/how-to-avoid-breaking-your-react-app-in-production/

---

How to Build a Digital Products Store with Medusa and Next.js

https://www.freecodecamp.org/news/build-a-digital-products-store-with-medusa-and-next-js/

#react #nextjs #mern #chatbot #nodejs

freeCodeCamp.org

Build an AI Chatbot with the MERN Stack

Chatbots are being used everywhere. And an AI chatbot is a great project to help learn the MERN Stack. We just posted a new video course on the freeCodeCamp.org YouTube channel that will teach you how to create an AI chatbot with the MERN Stack. This...

687 views12:02

Learn JavaScript™

Use Next.js, Tailwind CSS, and MongoDB to Build a Ticketing Application

https://www.freecodecamp.org/news/use-next-js-tailwind-css-and-mongodb-to-build-a-ticketing-application/

---

Build an AI Chatbot with the MERN Stack

https://www.freecodecamp.org/news/build-an-ai-chatbot-with-the-mern-stack/

---

Full Stack Project Tutorial – Create a Recipe App Using React, Node.js and PostgreSQL

https://www.freecodecamp.org/news/full-stack-project-create-a-recipe-app-using-react-node-js/

---

How to Install Node.js on Ubuntu – Node Linux Installation Guide

https://www.freecodecamp.org/news/how-to-install-node-js-on-ubuntu/

---

8 components to become a React master

https://dev.to/github20k/8-components-to-become-a-react-master-2ee4

---

#react #nextjs #nodejs #tailwind

716 views11:31

Learn JavaScript™

How to Host and Deploy a React App with Firebase

https://www.freecodecamp.org/news/how-to-deploy-a-react-app-with-firebase/

—-

React Router For Beginners - A Complete 2023 Guide
https://blog.openreplay.com/react-router-for-beginners--a-complete-2023-guide/

—-

Collaboration In Real Time With React And Node
https://blog.openreplay.com/collaboration-in-real-time-with-react-and-node/

—-

Using TanStack Query with Next.js

https://blog.logrocket.com/using-tanstack-query-next-js/

—-

Using React Styleguidist to collaborate on component design
https://blog.logrocket.com/using-react-styleguidist-collaborate-component-design/

#react #nextjs #firebase #deploy #tanstack #nodejs

freeCodeCamp.org

How to Host and Deploy a React App with Firebase

By Juliet Ofoegbu As a front-end developer, you may have used a free hosting platform like Vercel, Netlify, or GitHub pages to deploy your front-end projects. Personally, I typically use Vercel and Netlify. But I also like trying out different web te...

1.2K views11:45

Learn JavaScript™

📣 Just released: Next.js 14 with fantastic updates! Let's check out the highlights:

🚀 Turbopack:
- 53% faster local server startup 🏃‍♂️
- 94% faster code updates with Fast Refresh 🔥
Develop your Next.js app at lightning speed!

⚙️ Server Actions (Stable):
Server action is no longer experimental; it is now stable!
Server actions are secure functions that can be directly called from your React components (client or server).

🔒 Caching, Revalidating, Redirecting, and more:
Server Actions are deeply integrated into the entire App Router model. You can now:
- Revalidate cached data with revalidatePath() or revalidateTag()
- Redirect to different routes through redirect()
- Set and read cookies through cookies()
- Handle optimistic UI updates with useOptimistic()
- Catch and display errors from the server with useFormState()
- Display loading states on the client with useFormStatus()

📚 Next.js Learn (New):
A free course that teaches about the App Router, authentication, databases, and more.

Check it out now!

https://nextjs.org/blog/next-14

#nextjs #nextjsconf

nextjs.org

Next.js 14

Next.js 14 includes included performance, stability for Server Actions, a new course teaching the App Router, and more.

1.3K viewsedited 12:25