Endurance Technologies Interview Questions and Answers

Server Side Rendering (SSR) is the process of rendering web pages on the server side before sending them to the client. Static Site Generation (SSG) is the process of generating static HTML files at build time.

• SSR improves performance by reducing the time to first paint and providing better SEO.

• SSR can be implemented using frameworks like Next.js in React.

• SSG pre-renders pages at build time, resulting in faster loading times and improved SEO.

• SSG is commonly used in static sit...read more

staticSideProps and serverSideProps are used in Next.js for data fetching and pre-rendering.

• staticSideProps is used for pre-rendering static data at build time.

• serverSideProps is used for pre-rendering dynamic data at request time.

• staticSideProps is used for data that does not change frequently.

• serverSideProps is used for data that changes frequently or needs to be fetched at request time.

Fallback in getStaticPaths in NextJs allows dynamic routes to be pre-rendered on-demand.

• Fallback value can be true, false, or 'blocking'.

• When fallback is true, Next.js will serve a static page for paths not generated at build time.

• When fallback is 'blocking', Next.js will server a static page for paths not generated at build time, but will also server-render the page on the first request.

• Fallback is useful for dynamic routes with a large number of possible values.

nextHat package in NextJs is used for server-side rendering and managing server-side logic.

• nextHat package helps in handling server-side logic in NextJs applications

• It allows for server-side rendering of pages in NextJs

• nextHat package can be used for managing API calls and server-side data fetching

Dynamic Import in NextJs allows for code splitting and loading components only when needed.

• Dynamic Import in NextJs is a feature that allows you to import components asynchronously, improving performance by loading components only when needed.

• It helps in code splitting, where different parts of the application can be loaded separately, reducing the initial load time.

• Dynamic Import is achieved using the dynamic import() function in NextJs.

• Example: const MyComponent = dynamic((...read more

PWA's are Progressive Web Applications that use modern web capabilities to provide a user experience similar to native mobile apps.

• PWA's can work offline or on low-quality networks.

• They can be installed on the user's device like a native app.

• PWA's are built using web technologies like HTML, CSS, and JavaScript.

• Examples of PWA's include Twitter Lite, Pinterest, and Starbucks.