export default function Home({ data }) {
  return (
    <div>
      <h1>Hello {data}</h1>
    </div>
  );
}
  
export function getServerSideProps() {
  return {
    props: { data: "world" },
  }
}

Terminal

Online Next.js Compiler

What is Next.js

Next.js is a React framework for building production-grade web applications. It includes features like server-side rendering, static site generation, routing, and API routes that simplify building full stack apps.

What is an online Next.js compiler

An online Next.js compiler provides a sandboxed environment to prototype Next.js apps in the browser. It runs a lightweight dev server and lets you experiment with pages, API routes, and components without local setup.

Want to learn Next.js?

Take a look at our Complete Full-Stack Developer Roadmap, with in-browser code playground and interactive widgets to accelerate your learning.