Merge pull request #37 from storyblok/feat/updating-framework

updating framework
storyblok · Apr 11, 2024 · 7ab02c4 · 7ab02c4
2 parents 3000bf3 + d1deb8f
commit 7ab02c4
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 27 deletions.
diff --git a/README.md b/README.md
@@ -6,10 +6,10 @@
 	<p align="center">A CLI to quickly start a project with your favorite framework, already set up with <a href="http://www.storyblok.com?utm_source=github.com&utm_medium=readme&utm_campaign=create-storyblok-app" target="_blank">Storyblok</a>, Headless CMS.</p> <br />
   <p>Supports
   <a href="https://nextjs.org/" target="_blank">Next.js</a>,
-  <a href="https://nuxtjs.org/" target="_blank">Nuxt.js (2 & 3)</a>,
-  <a href="https://www.gatsbyjs.com/" target="_blank">Gatsby.js</a>,
-  <a href="https://vuejs.org/" target="_blank">Vue.js</a>,
-  <a href="https://reactjs.org/" target="_blank">React.js</a>,
+  <a href="https://nuxtjs.org/" target="_blank">Nuxt</a>,
+  <a href="https://www.gatsbyjs.com/" target="_blank">Gatsby</a>,
+  <a href="https://vuejs.org/" target="_blank">Vue</a>,
+  <a href="https://reactjs.org/" target="_blank">React</a>,
   <a href="https://astro.build/" target="_blank">Astro</a>,
   <a href="https://remix.run/" target="_blank">Remix</a>,
   and <a href="https://kit.svelte.dev/" target="_blank">SvelteKit</a></p>

diff --git a/src/commands/default.ts b/src/commands/default.ts
@@ -161,8 +161,9 @@ export default class CreateStoryblokAppCommand extends Command {
         submodules: submodules,
       })
       directoryTempCreated = true
-
-      fs.rmSync(`./temp-started/${framework}/.git`, {recursive: true})
+      try {
+        fs.rmSync(`./temp-started/${framework}/.git`, {recursive: true})
+      } catch {}
 
       const readmeContent = `
 # Storyblok quick starter project
@@ -237,7 +238,7 @@ In the folder you have some files like:
       log('')
       log(
         chalkSb(
-          'You need to setup mkcert to use the visual editor in the app: ',
+          'You need to setup mkcert to use the Visual Editor in the app: ',
         ),
       )
       log('')

diff --git a/src/lib/frameworks.ts b/src/lib/frameworks.ts
@@ -31,28 +31,19 @@ export interface Framework {
 
 const frameworks = [
   {
-    name: 'Vue.js',
+    name: 'Vue',
     value: 'vuejs',
     start: 'dev',
     token: 'd6IKUtAUDiKyAhpJtrLFcwtt',
     config: 'src/main.js',
     bridge: 'src/pages/Home.vue',
     public: 'public',
     port: '3000',
+    tutorialLink: 'https://www.storyblok.com/tp/add-a-headless-CMS-to-vuejs-in-5-minutes',
   },
   {
-    name: 'Nuxt.js 2',
-    value: 'nuxtjs',
-    start: 'dev',
-    token: 'd6IKUtAUDiKyAhpJtrLFcwtt',
-    config: 'nuxt.config.js',
-    bridge: 'pages/_.vue',
-    public: 'static',
-    port: '3000',
-  },
-  {
-    name: 'Nuxt.js 3',
-    value: 'nuxtjs-3',
+    name: 'Nuxt',
+    value: 'nuxt',
     start: 'dev-ssl',
     token: 'W1vLyxT5rQ15jBpANjnv0gtt',
     config: 'nuxt.config.js',
@@ -76,8 +67,8 @@ const frameworks = [
     repositoryUrl: 'https://github.com/storyblok/next.js-ultimate-tutorial.git',
   },
   {
-    name: 'React.js',
-    value: 'reactjs',
+    name: 'React',
+    value: 'react',
     start: 'start',
     token: 'W1vLyxT5rQ15jBpANjnv0gtt',
     config: 'src/index.js',
@@ -86,16 +77,20 @@ const frameworks = [
     port: '3000',
     branch: 'master',
     repositoryUrl: 'https://github.com/storyblok/storyblok-react-boilerplate.git',
+    tutorialLink: 'https://www.storyblok.com/tp/headless-cms-react',
   },
   {
     name: 'Remix',
     value: 'remix',
     start: 'dev',
     token: 'd6IKUtAUDiKyAhpJtrLFcwtt',
-    config: 'app/root.jsx',
-    bridge: 'app/routes/home.jsx',
+    config: 'app/root.tsx',
+    bridge: 'app/routes/$.jsx',
     public: 'public',
     port: '3000',
+    repositoryUrl: 'https://github.com/storyblok/remix-ultimate-tutorial',
+    branch: 'part-1',
+    tutorialLink: 'https://www.storyblok.com/tp/the-storyblok-remix-ultimate-tutorial',
   },
   {
     name: 'Astro',
@@ -124,15 +119,18 @@ const frameworks = [
     tutorialLink: 'https://www.storyblok.com/tp/the-storyblok-sveltekit-ultimate-tutorial',
   },
   {
-    name: 'Gatsby.js',
-    value: 'gatsbyjs',
+    name: 'Gatsby',
+    value: 'gatsby',
     start: 'start',
     token: 'W1vLyxT5rQ15jBpANjnv0gtt',
     config: 'gatsby-config.js',
     bridge: 'src/pages/index.js',
     public: 'static',
     port: '8000',
-    submodules: true,
+    tutorialLink: 'https://www.storyblok.com/tp/storyblok-gatsby-ultimate-tutorial',
+    branch: 'part-1',
+    repositoryUrl: 'https://github.com/storyblok/gatsby-ultimate-tutorial',
+
   },
 ] as Framework[]