create-video 4.0.18 → 4.0.20

package/dist/templates.d.ts

@@ -21,8 +21,9 @@ export type Template = {
     repoName: string;
     homePageLabel: string;
     longerDescription: React.ReactNode;
-    cliId: 'hello-world' | 'javascript' | 'blank' | 'next' | 'remix' | 'three' | 'still' | 'tts' | 'google-tts' | 'audiogram' | 'skia' | 'tailwind' | 'overlay' | 'stargazer';
+    cliId: 'hello-world' | 'javascript' | 'blank' | 'next' | 'next-pages-dir' | 'remix' | 'three' | 'still' | 'tts' | 'google-tts' | 'audiogram' | 'skia' | 'tailwind' | 'overlay' | 'stargazer';
     defaultBranch: string;
+    featuredOnHomePage: string | null;
 } & DynamicTemplate;
 export declare const FEATURED_TEMPLATES: Template[];
 export {};

package/dist/templates.js

@@ -5,23 +5,6 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 function truthy(value) {
     return Boolean(value);
 }
-const ENABLE_NEXT = false;
-const nextTemplate = {
-    homePageLabel: 'Next.js',
-    shortName: 'Next.js',
-    org: 'remotion-dev',
-    repoName: 'template-next',
-    description: 'SaaS template for video generation apps',
-    longerDescription: 'A software-as-a-service starter kit which has the Remotion Player and rendering via Remotion Lambda built-in. Our recommended choice for people who want to build a video generation app.',
-    promoBanner: {
-        width: 1280,
-        height: 720,
-        src: '/img/remix-template.png',
-    },
-    cliId: 'next',
-    type: 'image',
-    defaultBranch: 'main',
-};
 // Note that this page is statically analyzed by extract-articles.mjs
 exports.FEATURED_TEMPLATES = [
     {
@@ -39,8 +22,42 @@ exports.FEATURED_TEMPLATES = [
         cliId: 'hello-world',
         type: 'video',
         defaultBranch: 'main',
+        featuredOnHomePage: 'Hello World',
+    },
+    {
+        homePageLabel: 'Next.js (App dir)',
+        shortName: 'Next.js (App dir)',
+        org: 'remotion-dev',
+        repoName: 'template-next-app-dir',
+        description: 'SaaS template for video generation apps',
+        longerDescription: 'A SaaS starter kit which has the Remotion Player and rendering via Remotion Lambda built-in. Our recommended choice for people who want to build an app that can generate videos.',
+        promoVideo: {
+            width: 1280,
+            height: 720,
+            muxId: 'RufnZIJZh6L1MAaeG02jnXuM9pK96tNuHRxmXHbWqCBI',
+        },
+        cliId: 'next',
+        type: 'video',
+        defaultBranch: 'main',
+        featuredOnHomePage: 'Next.js',
+    },
+    {
+        homePageLabel: 'Next.js (Pages dir)',
+        shortName: 'Next.js (Pages dir)',
+        org: 'remotion-dev',
+        repoName: 'template-next-pages-dir',
+        description: 'SaaS template for video generation apps',
+        longerDescription: 'A SaaS starter kit which has the Remotion Player and rendering via Remotion Lambda built-in. Our recommended choice for people who want to build an app that can generate videos.',
+        promoVideo: {
+            width: 1280,
+            height: 720,
+            muxId: 'RufnZIJZh6L1MAaeG02jnXuM9pK96tNuHRxmXHbWqCBI',
+        },
+        cliId: 'next-pages-dir',
+        type: 'video',
+        defaultBranch: 'main',
+        featuredOnHomePage: null,
     },
-    ENABLE_NEXT ? nextTemplate : null,
     {
         homePageLabel: 'Blank',
         shortName: 'Blank',
@@ -56,6 +73,7 @@ exports.FEATURED_TEMPLATES = [
         cliId: 'blank',
         type: 'video',
         defaultBranch: 'main',
+        featuredOnHomePage: 'Blank',
     },
     {
         homePageLabel: 'JavaScript',
@@ -72,6 +90,7 @@ exports.FEATURED_TEMPLATES = [
         cliId: 'javascript',
         type: 'video',
         defaultBranch: 'main',
+        featuredOnHomePage: 'JavaScript',
     },
     {
         homePageLabel: 'Remix',
@@ -88,6 +107,7 @@ exports.FEATURED_TEMPLATES = [
         cliId: 'remix',
         type: 'image',
         defaultBranch: 'main',
+        featuredOnHomePage: null,
     },
     {
         homePageLabel: '3D',
@@ -104,6 +124,7 @@ exports.FEATURED_TEMPLATES = [
         cliId: 'three',
         type: 'video',
         defaultBranch: 'main',
+        featuredOnHomePage: null,
     },
     {
         homePageLabel: 'Stills',
@@ -120,6 +141,7 @@ exports.FEATURED_TEMPLATES = [
         cliId: 'still',
         type: 'video',
         defaultBranch: 'main',
+        featuredOnHomePage: null,
     },
     {
         homePageLabel: 'Text-To-Speech (Azure)',
@@ -136,6 +158,7 @@ exports.FEATURED_TEMPLATES = [
         cliId: 'tts',
         type: 'video',
         defaultBranch: 'master',
+        featuredOnHomePage: null,
     },
     {
         homePageLabel: 'Text-To-Speech (Google)',
@@ -152,6 +175,7 @@ exports.FEATURED_TEMPLATES = [
         cliId: 'google-tts',
         type: 'video',
         defaultBranch: 'master',
+        featuredOnHomePage: null,
     },
     {
         homePageLabel: 'Audiogram',
@@ -168,6 +192,7 @@ exports.FEATURED_TEMPLATES = [
         cliId: 'audiogram',
         type: 'video',
         defaultBranch: 'main',
+        featuredOnHomePage: null,
     },
     {
         homePageLabel: 'Skia',
@@ -184,6 +209,7 @@ exports.FEATURED_TEMPLATES = [
         cliId: 'skia',
         type: 'video',
         defaultBranch: 'main',
+        featuredOnHomePage: null,
     },
     {
         homePageLabel: 'Tailwind',
@@ -200,6 +226,7 @@ exports.FEATURED_TEMPLATES = [
         cliId: 'tailwind',
         type: 'video',
         defaultBranch: 'main',
+        featuredOnHomePage: null,
     },
     {
         homePageLabel: 'Overlay',
@@ -216,6 +243,7 @@ exports.FEATURED_TEMPLATES = [
         cliId: 'overlay',
         type: 'video',
         defaultBranch: 'main',
+        featuredOnHomePage: null,
     },
     {
         homePageLabel: 'Stargazer',
@@ -232,5 +260,6 @@ exports.FEATURED_TEMPLATES = [
         cliId: 'stargazer',
         type: 'video',
         defaultBranch: 'main',
+        featuredOnHomePage: null,
     },
 ].filter(truthy);

package/dist/test/validate-templates.test.js

@@ -22,6 +22,7 @@ const getFileForTemplate = (template, file) => {
             (0, vitest_1.expect)(res.statusCode).toBe(200);
             const body = JSON.parse(res.body);
             if (!template.shortName.includes('Remix') &&
+                !template.shortName.includes('Next') &&
                 !template.shortName.includes('Still')) {
                 (0, vitest_1.expect)(body.scripts.build).toMatch(/render/);
                 (0, vitest_1.expect)(body.scripts.build).not.toContain('index');
@@ -91,7 +92,7 @@ const getFileForTemplate = (template, file) => {
             (0, vitest_1.expect)(entryPoint).toBeTruthy();
             (0, vitest_1.expect)(contents).toMatch(/export const RemotionRoot/);
         }, 12000);
-        (0, vitest_1.it)(template.shortName + 'should use the new config file format', async () => {
+        (0, vitest_1.it)(`${template.shortName} should use the new config file format`, async () => {
             const { contents, entryPoint } = await findFile([
                 getFileForTemplate(template, 'remotion.config.ts'),
                 getFileForTemplate(template, 'remotion.config.js'),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-video",
-  "version": "4.0.18",
+  "version": "4.0.20",
   "description": "",
   "main": "dist/index.js",
   "bin": {