feat(cli): add professional stylish welcome screen

bin/nexter-cli.mjs

@@ -1,5 +1,7 @@
 #!/usr/bin/env node
 
 import main from '../src/index.js';
+import { displayWelcome } from '../src/ui/cliWelcome.mjs';
 
+displayWelcome();
 main();

package.json

@@ -29,7 +29,10 @@
     "node": ">=16"
   },
   "dependencies": {
+    "chalk": "^5.4.1",
     "cross-spawn": "^7.0.6",
+    "figlet": "^1.8.2",
+    "gradient-string": "^3.0.0",
     "prompts": "^2.4.2"
   },
   "devDependencies": {

src/index.js

@@ -3,7 +3,7 @@ import languagePrompt from './prompts/languagePrompt.js';
 import generateProject from './generators/projectGenerator.js';
 
 export default async function main() {
-  console.log('✨ Welcome to create-nexter CLI!');
+
 
   const { language } = await languagePrompt();
 

src/ui/cliWelcome.mjs

@@ -0,0 +1,17 @@
+import chalk from 'chalk';
+import figlet from 'figlet';
+import gradient from 'gradient-string';
+
+export function displayWelcome() {
+  console.clear();
+
+  const msg = figlet.textSync('Create Nexter', {
+    font: 'Standard',
+    horizontalLayout: 'default',
+    verticalLayout: 'default'
+  });
+
+  console.log(gradient.pastel.multiline(msg));
+  console.log(chalk.cyanBright('Welcome to create-nexter CLI!\n'));
+console.log(chalk.white('Effortless Next.js project scaffolding, built for scalable and maintainable applications.\n'));
+}