Make page.tsx file not mandatory when there is layout.tsx with some parallel routes.

[cookieMonsterDev]

Goals

1. Avoid cases where you need to return a blank page

Non-Goals

No response

Background

Recently worked on a new project with nextjs and decided to try new parallel routes. Found that components that we get from routes needed to be used inside the layout, in my case it is two components. The thing is I still need a page file inside projects folder cause that is how next works, but is kind of dumb that I need to return the null inside the page to make everything work.....

type ProjectsLayoutProps = {
  children: React.ReactNode;
  tags: React.ReactNode;
  projects: React.ReactNode;
};

const ProjectsLayout = ({ children, tags, projects }: ProjectsLayoutProps) => {
  return (
    <div className="overflow-hidden pb-6">
      {tags}
      {projects}
      {children}
    </div>
  );
};

export default ProjectsLayout;

const ProjectsPage = () => null;

export default ProjectsPage;

Proposal

In general, the would be better to pass some setting or property in layout to make its known that the page is blank. instead of this page => null