use type: module in nextjs app

examples/nextjs/app/api/edge/route.ts

@@ -1,5 +1,5 @@
 import { NextResponse } from "next/server";
-import { env } from "~/env.mjs";
+import { env } from "~/env";
 
 export const runtime = "edge";
 

examples/nextjs/app/api/node/route.ts

@@ -1,5 +1,5 @@
 import { NextResponse } from "next/server";
-import { env } from "~/env.mjs";
+import { env } from "~/env";
 
 export function GET(_request: Request) {
   return NextResponse.json({ env, processEnv: process.env });

examples/nextjs/app/edge/page.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { env } from "~/env.mjs";
+import { env } from "~/env";
 
 export const runtime = "edge";
 

examples/nextjs/app/layout.tsx

@@ -1,7 +1,8 @@
-import { env } from "./env.mjs";
-import "./globals.css";
 import { Inter } from "next/font/google";
 
+import { env } from "~/env";
+import "./globals.css";
+
 const inter = Inter({ subsets: ["latin"] });
 
 export const metadata = {

examples/nextjs/app/node/page.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { env } from "~/env.mjs";
+import { env } from "~/env";
 
 export default function Page() {
   return (

examples/nextjs/app/page.tsx

@@ -1,5 +1,5 @@
 "use client";
-import { env } from "./env.mjs";
+import { env } from "~/env";
 
 export default function HomePage() {
   return <div>Client says {env.NEXT_PUBLIC_GREETING}!</div>;

examples/nextjs/next.config.mjs → examples/nextjs/next.config.js

@@ -1,4 +1,4 @@
-import "./app/env.mjs";
+import "./app/env.js";
 
 /** @type {import('next').NextConfig} */
 const nextConfig = {

examples/nextjs/package.json

@@ -1,5 +1,6 @@
 {
   "name": "@examples/nextjs",
+  "type": "module",
   "version": "0.1.0",
   "private": true,
   "scripts": {

examples/nextjs/tsconfig.json

@@ -24,6 +24,6 @@
       "~/*": ["./app/*"]
     }
   },
-  "include": ["next-env.d.ts", "app", ".next/types/**/*.ts", "next.config.mjs"],
+  "include": ["next-env.d.ts", "app", ".next/types/**/*.ts", "*.js"],
   "exclude": ["node_modules"]
 }