Next.js スタート & デモ

次のアダプターとReactランタイムを一緒に使用したいときは、このトラックを使用してください。

インストール

bash

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

基本翻訳プレイグラウンド

編集可能なプレイグラウンドソース

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>
  );
}

プレビュー