Default _app.tsx File for Next.js

Tiempo de lectura: < 1 minuto

Today I bring you this _app.tsx file by default in case your Next.js project doesn’t create it.

This _app.tsx file is the top-level component in Next.js. All page components are rendered through this file, making it useful for global configurations.

You should place this file inside pages/_app.tsx

import { AppProps } from 'next/app'
import '../styles/globals.css'

function MyApp({ Component, pageProps }: AppProps) {
  return <Component {...pageProps} />
}

export default MyApp

Leave a Comment