I'm trying to serve a static page in Next.js with responsive design for different device sizes. I am using both CSS media queries as well as JS responsive tools so it should have different layout for different screen sizes. For…
I have been trying to display html templates of Login and Register for an ecommerce website, using Django Framework and Python as server side scripting language. I want to make sure that If Users logs in using its email address…
I am using an external react component that is imported into my nextjs app code, this is how the component looks like <AppBar className={clsx(classes.header)}> </AppBar> export const header = makeStyles((theme) => ({ header: { [theme.breakpoints.down('md')]: { padding: `0 ${theme.spacing(4)}px`, },…
I am new to NextJS so the question might sound a trivial so please bear with me. So, basically I want to fetch data from a database and display it in the page at the first render and for that…
I am creating a Single Page Application on Nextjs 13, using the pages directory. I have exported a getServerSideProps() in one of the pages which passes some fetched data to the props. I found that the data fetching takes 2-3…
I'm migrating my Next 12 app to Next 13 and its new /app directory. I have a <LoginPage> component (rendered @ /login) and obviously, it needs to use hooks to manage form data. As such, I have marked it with…
I am writing a simple React CRUD app, using NextJS 13 and its app router. I have a route, in which page.tsx is a client component. page.tsx 'use client' import DataGrid from './DataGrid' const List = (props) => ( <DataGrid>...</DataGrid>…
I have an Angular application where I want to have canonical tag value changing dynamically. I have a component named article.component.ts which is responsible for displaying individual blog pages. Now the value of the canonical URL is available in the…
When we try to use a ThemeProvider(as shown below) in NextJS, we need to declare this Provider as a client component. But in NextJS docs it is said that if we declare a component as a client component all other…
Hello I want to know how to use State Management(UseState, UseEffects) in Next JS using server-side rendering without using 'use client' at the top. And Will it decrease my page's performance using State Management(UseState, UseEffects) in client side? Can I…