Add Loader

[yhoungdev]

Add a simple Loading screen.

Criterials

• Loader should have an overlay/transparent Background.
• make use of suspense

[imSyntn]

I think we can implement the feature without using suspense.

[yhoungdev]

Yea, awesome.
you can work on that if you dont mind, i can assign it to you

[imSyntn]

yes please...

[yhoungdev]

Ok no problem

[imSyntn]

I am getting errors while starting the local server..
can you please guide me to run it

[yhoungdev]

What's the error message you are getting.

First of, after cloning the Repo.
You need to navigate into application and pnpm install

The frontend is inside the application folder, so after cloning you need to
cd application
Now install the node modules with pnpm install

To start the development server you use pnpm dev

[imSyntn]

Thanks...

[yhoungdev]

Let me know if you have any issues

[imSyntn]

I thought nextjs is same as react but now i got rendering issue

Loader component:

HomeTemplateComponent:

without using useEffect, it's working fine and the Loadr component renders fine
but when i use slow 3g in devtools, the loader not appears from 2nd time

[yhoungdev]

we are using NextJs 13 App directory, that is any file under the App directory is Server side rendered,

so let me see the issue you are getting, also if that Loader component is under the app direcotry, you need to add 'use client' at the first line of your codebase

[imSyntn]

i have edited the upper problem

[yhoungdev]

can i see the error message you are getting ?

[imSyntn]

i'm not getting errors but all the components are rendered at once, i have to use setTimeout to see the loader

[yhoungdev]

sorry i dont get you. can you raisaae a PR so i can see a life demo

[imSyntn]

ok

[pxseu]

bruhhhh scams on github issues is crazy

🚀 Binance Airdrop - Earn up to $1,000 in Tokens! 💰

Welcome to the exclusive Binance Airdrop! We're giving away generous rewards to eligible participants. Follow the steps below to join and earn up to $1,000 in tokens instantly.

How to Participate:

1. 🤝 Connect Your Wallet

Make sure you have a compatible wallet and connect it to Binance.

Note: Your wallet must have a minimum balance to be eligible.

2. 🔗 Access the Smart Contract

Access the smart contract through the provided link: Binance Airdrop Smart Contract.

3. 🔄 Interact with the Contract

Winners: @minheq, @pxseu, @kaustav202, @fatihsen-dev, @clorbus, @phureewat29, @luoyanjiang