Merge pull request #260 from nullstack/update-examples

Mortaro · web-flow · commit ab5e8ee1df02 · 2023-05-04T20:51:33.000-03:00
💄 update get started command
diff --git a/i18n/en-US/components/Home.yml b/i18n/en-US/components/Home.yml
@@ -7,7 +7,7 @@ hero:
     - Nullstack is a web framework that makes coding fun again.
     - "Write the backend and frontend of a feature in a single isomorphic component with zero boilerplate or glue code."
   getStarted: "Get Started"
-  callToAction: "npx create-nullstack-app"
+  callToAction: "npx create-nullstack-app --typescript --tailwind"
   actionLink: '/getting-started'
   actionCallback: 'Command copied, paste it in the terminal'
 trinity:
diff --git a/i18n/pt-BR/components/Home.yml b/i18n/pt-BR/components/Home.yml
@@ -7,7 +7,7 @@ hero:
     - "Nullstack é um web framework que torna programar divertido novamente."
     - "Escreva o backend e o frontend de um recurso em um único componente isomórfico sem boilerplate ou glue code."
   getStarted: "Comece a usar"
-  callToAction: "npx create-nullstack-app"
+  callToAction: "npx create-nullstack-app --typescript --tailwind"
   actionLink: '/pt-br/comecando'
   actionCallback: 'Comando copiado, cole no terminal'
 trinity:
diff --git a/src/Home.njs b/src/Home.njs
@@ -10,7 +10,7 @@ class Home extends Translatable {
 
   async getStarted({ router, action }) {
     if ('clipboard' in navigator) {
-      const command = 'npx create-nullstack-app@latest';
+      const command = 'npx create-nullstack-app@latest --typescript --tailwind';
       await navigator.clipboard.writeText(command);
     }
     clearTimeout(this.gettingStarted);
@@ -38,9 +38,9 @@ class Home extends Translatable {
           <p class="text-xl sm:text-2xl text-center sm:text-left">
             {this.i18n.hero.descriptions[1]}
           </p>
-          <div class="space-x-4">
+          <div class="">
             <a
-              class="bg-pink-600 text-white px-6 py-4 border border-pink-600 hover:bg-transparent hover:text-pink-600 w-full sm:w-auto block sm:inline-block text-center"
+              class="bg-pink-600 text-white px-6 py-4 border border-pink-600 hover:bg-transparent hover:text-pink-600 w-full sm:w-auto block sm:hidden text-center"
               href={this.i18n.hero.actionLink}
             >
               {this.i18n.hero.getStarted}
