@line/create-liff-app/templates/nextjs/app/page.js

Start developing LIFF application with a simple CLI command.

"use client";
import { useLIFF } from "../providers/liff-providers";
import styles from "./page.module.css";

export default function Home() {
  const { liff, liffError } = useLIFF();

  return (
    <div>
      <main className={styles.main}>
        <h1>create-liff-app</h1>
        {liff && <p>LIFF init succeeded.</p>}
        {liffError && (
          <>
            <p>LIFF init failed.</p>
            <p>
              <code>{liffError}</code>
            </p>
          </>
        )}
        <a
          href="https://developers.line.biz/ja/docs/liff/"
          target="_blank"
          rel="noreferrer"
        >
          LIFF Documentation
        </a>
      </main>
    </div>
  );
}