Next.js start & demo

Use this track when you want the Next adapter and the React runtime together.

Install

bash

npm install @18ways/next @18ways/react

Basic translation playground

Editable playground source

app/layout.tsx

import './styles.css';
import type { ReactNode } from 'react';
import { WaysRoot } from '@18ways/next/server';

// Make sure this layout stays server-rendered so WaysRoot can read the request.
export default function RootLayout({ children }: { children: ReactNode }) {
  return (
    <html lang="en">
      <body className="next-demo-body">
        <WaysRoot>{children}</WaysRoot>
      </body>
    </html>
  );
}

Preview