Same.New : concevoir, créer et déployer des sites web complets à partir de simples invites 149

Same.New est une plateforme de développement Web full-stack pilotée par l'IA qui permet aux utilisateurs de concevoir, construire et déployer rapidement des sites web complets et fonctionnels grâce à de simples invites.

Fonctionnalités principales de Same

✅ Génération d'applications full-stack : saisissez l'URL cible ou une description textuelle, et générez automatiquement le code full-stack incluant le front-end, le back-end et la base de données.

✅ Clonage d'interface utilisateur de site web : reproduction fidèle de la conception et de la mise en page du site cible (rendu au pixel près).

✅ Édition et aperçu en temps réel : environnement de développement en ligne intégré, permettant de modifier directement le code et de voir instantanément les résultats.

✅ Compatibilité multi-frameworks : le code généré est compatible avec les frameworks populaires tels que React, Vue, Next.js, etc.

✅ Déploiement en un clic : prise en charge de la publication rapide sur des plateformes d'hébergement telles que Vercel, Netlify, etc.

Cas d'utilisation de Same

✅ Startups : les non-techniciens peuvent rapidement créer un MVP (produit minimum viable) sans dépendre d'une équipe de développement.

✅ Designers / Chefs de produit : convertissez directement des maquettes ou prototypes en pages web interactives, accélérant ainsi l'itération produit.

✅ Apprentissage éducatif : les débutants en programmation peuvent comprendre la logique du développement full-stack grâce au code généré par l'IA.

✅ Outils d'entreprise : personnalisation rapide d'interfaces d'administration, de tableaux de bord et d'autres outils internes.

Tarifs

✅ Version gratuite : 500 000 tokens par mois.

✅ Version payante : différents quotas de tokens selon le plan d'abonnement, avec des prix allant de 10 à 100 dollars.

F流程 d'utilisation de Same

1. Connexion et inscription : accédez au site officiel, prise en charge de la connexion via Google/GitHub, inscription rapide si vous n'avez pas de compte.

2. Saisie des éléments : collez l'URL cible dans le champ de saisie (par exemple, lors du clonage de Bilibili, saisissez le lien de sa page), ou téléchargez une capture d'écran, un fichier de design Figma. Le système analysera automatiquement la structure de la page, les styles et les composants clés (tels que la barre de navigation, les listes de vidéos).

3. Génération du code : en fonction de la mise en page du site cible, génère du code sous forme de composants (par exemple, décomposé en composants React réutilisables tels que Header.js), reproduisant les effets visuels via styled-components ou des styles intégrés ; les applications multi-pages génèrent automatiquement la configuration des routes (par exemple, la page d'accueil de Bilibili peut générer du code tel que HeroCarousel.tsx).

4. Débogage local : le projet généré peut être téléchargé en un clic. Lors de l'exécution locale, exécutez d'abord npm install pour installer les dépendances, puis démarrez le service via npm start (accès par défaut à http://localhost:3000), pour comparer et ajuster le code en temps réel.

✅ Remarque : lors du clonage, il convient de respecter les droits d'auteur du site original afin d'éviter tout risque de violation.