@majordigital/create-acorn 1.3.3 → 1.3.5

package/bin/create-acorn.mjs

@@ -396,12 +396,15 @@ This website is built using the [NextJS](https://nextjs.org/) framework, utilisi
 
 2. **Set up environment variables**
 
-    Create \`.env.local\` file in the root directory:
+    Copy \`.env.example\` to \`.env.local\` and fill in your values:
 
     \`\`\`env
-    NEXT_PUBLIC_STORYBLOK_ACCESS_TOKEN=your_preview_token
     STORYBLOK_SPACE_ID=your_space_id
-    NEXT_PUBLIC_STORYBLOK_TOKEN_VERSION=draft  # or 'published' for production
+    STORYBLOK_PREVIEW_TOKEN=your_preview_token
+    STORYBLOK_PERSONAL_ACCESS_TOKEN=your_personal_access_token
+    STORYBLOK_IS_PREVIEW=true
+    NEXT_PUBLIC_STORYBLOK_PUBLIC_TOKEN=your_public_token
+    NEXT_PUBLIC_STORYBLOK_TOKEN_VERSION=draft
     \`\`\`
 
 3. **Start the development server**
@@ -410,15 +413,36 @@ This website is built using the [NextJS](https://nextjs.org/) framework, utilisi
     npm run dev
     \`\`\`
 
-    The site will be available at \`http://localhost:3000\`
+    The site will be available at \`https://localhost:3000\` (HTTPS via self-signed certificate)
 
-4. **Run Storybook** (optional)
+4. **Generate TypeScript types**
+
+    \`\`\`bash
+    npm run generate-types
+    \`\`\`
+
+5. **Register blok components**
+
+    Add your Storyblok components to \`src/lib/storyblok/bloks.ts\`
+
+6. **Run Storybook** (optional)
 
     \`\`\`bash
     npm run storybook
     \`\`\`
 
     Storybook will be available at \`http://localhost:6006\`
+
+## Environment Variables 🔒
+
+The required variables are:
+
+-   **STORYBLOK_SPACE_ID**: Your Storyblok space ID
+-   **STORYBLOK_PREVIEW_TOKEN**: Preview/draft access token from your Storyblok space settings
+-   **STORYBLOK_PERSONAL_ACCESS_TOKEN**: Personal access token from your Storyblok account
+-   **STORYBLOK_IS_PREVIEW**: Set to \`true\` for draft content, \`false\` for published
+-   **NEXT_PUBLIC_STORYBLOK_PUBLIC_TOKEN**: Public token for client-side usage
+-   **NEXT_PUBLIC_STORYBLOK_TOKEN_VERSION**: \`draft\` or \`published\`
 `;
 
   const dato = `
@@ -525,6 +549,7 @@ SITE_URL=
     storyblok: `STORYBLOK_SPACE_ID=
 STORYBLOK_PREVIEW_TOKEN=
 STORYBLOK_PERSONAL_ACCESS_TOKEN=
+STORYBLOK_IS_PREVIEW=true
 NEXT_PUBLIC_STORYBLOK_PUBLIC_TOKEN=
 NEXT_PUBLIC_STORYBLOK_TOKEN_VERSION="draft"
 STORYBLOK_WEBHOOK_TOKEN=

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@majordigital/create-acorn",
-  "version": "1.3.3",
+  "version": "1.3.5",
   "description": "Interactive scaffold for Acorn with Storyblok/Prismic/DatoCMS, TypeScript, and Tailwind.",
   "bin": {
     "create-acorn": "bin/create-acorn.mjs",

package/template/tsconfig.json

@@ -44,7 +44,7 @@
 		},
 
 		// Next.js Project Configuration
-		"jsx": "preserve",
+		"jsx": "react-jsx",
 		"incremental": true,
 		"noEmit": true,
 		"outDir": "out",
@@ -64,6 +64,7 @@
 		"**/*.tsx",
 		".storybook/*.ts",
 		".next/types/**/*.ts",
+		".next/dev/types/**/*.ts",
 		"**/*.mts"
 	]
 }