https://github.com/tapascript/nextjs-lazy-load
Lazy Loading in Next.js
https://github.com/tapascript/nextjs-lazy-load
Last synced: 12 months ago
JSON representation
Lazy Loading in Next.js
- Host: GitHub
- URL: https://github.com/tapascript/nextjs-lazy-load
- Owner: tapascript
- License: mit
- Created: 2024-07-15T10:16:18.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-07-17T07:01:51.000Z (over 1 year ago)
- Last Synced: 2025-04-12T13:12:06.062Z (12 months ago)
- Language: JavaScript
- Size: 120 KB
- Stars: 3
- Watchers: 1
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Next.js Lazy Loading
The source code used in the Next.JS Lazy Loading Tutorial.
> Please give the repository a star(⭐) if you liked the work. Also, follow [tapaScript on GitHub](https://github.com/tapascript).
## 🔥 Use the Demo App
You can access the demo application from here: [https://nextjs-lazy-load.netlify.app/](https://nextjs-lazy-load.netlify.app/)
## 👨🏫 Learn About Lazy Loading
Learn about the Lazy Loading in Next.js from this interactive video tutorial: [https://www.youtube.com/watch?v=gq9bBZru78Y](https://www.youtube.com/watch?v=gq9bBZru78Y)
## 🏃🏼 Run the App Locally
- First, install dependencies:
```bash
npm install
# or
yarn install
# or
pnpm install
# or
bun install
```
- Run the development server:
```bash
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
```
- Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
## 📦 Learn Next.js to Build Full-Stack Applications
- To learn more about Next.js, take a look at the following resources by clicking on the image below:
[](https://www.youtube.com/watch?v=VSB2h7mVhPg&list=PLIJrr73KDmRwz_7QUvQ9Az82aDM9I8L_8 "Video Title")