About Page Component from 4 Different Framework Setups

nextjs-app-about.tsx

export default function AboutPage() {
  return (
    <div className="bg-purple-900 p-2 m-2">
      <h1>About Page</h1>
    </div>
  );
}

nextjs-pages-about.tsx

export default function AboutPage() {
  return (
    <div className="bg-purple-900 p-2 m-2">
      <h1>About Page</h1>
    </div>
  )
}

redwoodjs-about.tsx

const AboutPage = () => {
  return (
    <div className="bg-purple-900 text-white p-2 m-2">
      <h1>About Page</h1>
    </div>
  )
}

export default AboutPage

remix-about.tsx

import { Outlet } from "@remix-run/react";

export default function AboutLayout() {
  return (
    <div className="border-2 border-purple-500 m-2 p-2">
      <h1>Layout</h1>
      <Outlet />
    </div>
  );
}