Ankur Goyal

Lazy loading in next js.

How will you make a page content load slowly with time

If you will use following in text in next js or react you will have to escape these characters else these will create problem in creating build

" &gt; "           →    " > "  (Greater-than sign) 
" &amp;         →     " & "  (Ampersand) 
" &lt;              →     " < "  (Less-than sign) 
" &quot;        →      " " "  (Double quote) 
" &#39;         →      " ' "   (Single quote or apostrophe) 

how about whitespaces
  this will give you white space or you can do this as well


export default function MyComponent() {
    return (
        <div style={{ whiteSpace: 'pre' }}>
            This    text    has    preserved    spaces.
            And
            it
            respects
            line breaks.
        </div>
        }
    );

In app folder you can not make any github named routes

Why gif in next js gets broken after someTime

This is how you create back button in next js
Link

We will understand router better later now now.

How do I set on page listener or keypress listners

What is app router architecture and what is page routere architecture

https://nextjs.org/docs/pages/building-your-application/routing/pages-and-layouts
https://nextjs.org/docs/app/building-your-application/routing