Next.js template: Next.js 15 + fix static export

package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-rescript-app",
-  "version": "1.9.0-beta.1",
+  "version": "1.9.0-beta.2",
   "description": "Quickly create new ReScript apps from project templates.",
   "main": "out/create-rescript-app.mjs",
   "scripts": {

src/Templates.res

@@ -15,7 +15,7 @@ let templates = [
   {
     name: "rescript-template-nextjs",
     displayName: "Next.js",
-    shortDescription: "Next.js 14 and Tailwind CSS",
+    shortDescription: "Next.js 15 with static export and Tailwind 3",
   },
   {
     name: basicTemplateName,

templates/rescript-template-nextjs/next.config.mjs

@@ -5,6 +5,7 @@ const transpileModules = ["rescript"].concat(rescript["bs-dependencies"]);
 
 const config = {
   pageExtensions: ["jsx", "js"],
+  output: "export",
   env: {
     ENV: process.env.NODE_ENV,
   },
@@ -32,8 +33,8 @@ const config = {
       },
     });
 
-    return config
-  }
+    return config;
+  },
 };
 
 export default {

templates/rescript-template-nextjs/package.json

@@ -4,19 +4,17 @@
   "author": "Patrick Ecker <ryyppy@users.noreply.github.com>",
   "license": "Apache-2.0",
   "dependencies": {
-    "@rescript/react": "^0.12.1",
-    "next": "^14.0.4",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "@rescript/react": "^0.13.0",
+    "next": "^15.1.6",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
   },
   "repository": "https://github.com/rescript-lang/create-rescript-app",
   "scripts": {
     "dev": "next",
     "debug": "NODE_OPTIONS='--inspect' next",
     "build": "rescript && next build",
-    "now-build": "rescript && next build",
-    "export": "next export",
-    "start": "next start -p $PORT",
+    "start": "npx serve out",
     "res:build": "rescript",
     "res:clean": "rescript clean",
     "res:dev": "rescript -w"

templates/rescript-template-nextjs/pages/examples.js

@@ -1,7 +1,7 @@
 import ExamplesRes from "src/Examples.res.mjs";
 
 // This can be re-exported as is (no Fast-Refresh issues)
-export { getServerSideProps } from "src/Examples.res.mjs";
+export { getStaticProps } from "src/Examples.res.mjs";
 
 // Note:
 // We need to wrap the make call with
@@ -11,5 +11,5 @@ export { getServerSideProps } from "src/Examples.res.mjs";
 // If you don't do this, your Fast-Refresh will
 // not work!
 export default function Examples(props) {
-  return <ExamplesRes {...props}/>;
+  return <ExamplesRes {...props} />;
 }

templates/rescript-template-nextjs/src/Examples.res

@@ -9,10 +9,10 @@ let default = (props: props) =>
     <a href=props.href target="_blank"> {React.string("`src/Examples.res`")} </a>
   </div>
 
-let getServerSideProps = _ctx => {
+let getStaticProps = _ctx => {
   let props = {
-    msg: "This page was rendered with getServerSideProps. You can find the source code here: ",
-    href: "https://github.com/ryyppy/nextjs-default/tree/master/src/Examples.res",
+    msg: "This page was rendered with getStaticProps. You can find the source code here: ",
+    href: "https://github.com/rescript-lang/create-rescript-app/blob/master/templates/rescript-template-nextjs/src/Examples.res",
   }
   Promise.resolve({"props": props})
 }

templates/rescript-template-nextjs/src/Examples.resi

@@ -1,3 +1,3 @@
 type props
 let default: props => React.element
-let getServerSideProps: Next.GetServerSideProps.t<props, {.}, _>
+let getStaticProps: Next.GetStaticProps.t<props, {.}, _>

templates/rescript-template-nextjs/src/Index.res

@@ -7,13 +7,12 @@ let default = () =>
   <div>
     <h1 className="text-3xl font-semibold"> {"What is this about?"->React.string} </h1>
     <P>
-      {React.string(` This is a simple template for a Next
-      project using ReScript & TailwindCSS.`)}
+      {React.string(
+        "This is a simple template for a Next.js 15 project with static export using ReScript & TailwindCSS 3.",
+      )}
     </P>
     <h2 className="text-2xl font-semibold mt-5"> {React.string("Quick Start")} </h2>
-    <pre>
-      {React.string(`git clone https://github.com/rescript-nextjs-template.git my-project
-cd my-project
-rm -rf .git`)} //github.com/ryyppy/nextjs-default.git my-project
-    </pre>
+    {React.string("Run ")}
+    <span className="font-mono"> {React.string(`npm create rescript-app@latest`)} </span>
+    {React.string(" and select Next.js template.")}
   </div>

templates/rescript-template-nextjs/src/layouts/MainLayout.res

@@ -17,7 +17,7 @@ module Navigation = {
         <a
           className="px-3 font-bold"
           target="_blank"
-          href="https://github.com/ryyppy/nextjs-default">
+          href="https://github.com/rescript-lang/create-rescript-app/tree/master/templates/rescript-template-nextjs">
           {React.string("Github")}
         </a>
       </div>