Qu'est-ce que Tamagui Takeout ?
Vous est-il déjà arrivé de passer des semaines à mettre en place l'authentification, les schémas de base de données et la configuration du déploiement avant même de pouvoir commencer à construire votre vraie application ? Tamagui Takeout résout ce problème. C'est une pile prête pour la production, construite sur le starter open source Tamagui, qui inclut tout ce qu'il faut pour créer des applications avec des systèmes utilisateur : Supabase pour l'authentification et les données, tRPC pour des API typées, des formulaires universels, l'envoi d'images et une série d'écrans déjà prêts.
Ce qui est intéressant avec Takeout, c'est qu'il finance le développement open source de Tamagui lui-même. Donc quand vous l'achetez, vous n'obtenez pas seulement un point de départ solide - vous soutenez aussi le projet. En plus, la pile partage presque tout le code entre les plateformes web et natives, ce qui vous permet de construire une fois et de déployer partout sans maintenir des bases de code séparées.
Ce qui est inclus
Le monorepo inclut Next.js pour le web et Expo pour le natif, le tout configuré et prêt à l'emploi. Vous obtenez des écrans préconstruits pour l'onboarding, l'authentification, les profils, les réglages et des mises en page de feed qui s'adaptent automatiquement au rendu natif de chaque plateforme. Fini de construire trois fois le même écran de connexion.
Supabase est préconfiguré avec les migrations de base de données, l'authentification par e-mail, OAuth pour Google et Apple, et les politiques Row Level Security. La configuration tRPC vous donne une sécurité de type de bout en bout avec la validation Zod, et elle fonctionne sans friction sur le web comme sur le natif. Voici un exemple rapide :
import { z } from 'zod'
import { router, publicProcedure } from './trpc'
export const appRouter = router({
getUser: publicProcedure
.input(z.object({ id: z.string() }))
.query(async ({ input }) => {
return await getUserById(input.id)
}),
})
Les formulaires sont gérés avec react-hook-form et Zod, et ils utilisent automatiquement des champs natifs sur mobile et des champs web sur le web. Le système d'envoi d'images s'adapte au sélecteur natif sur mobile et aux champs de fichiers sur le web, avec l'intégration Supabase Storage déjà configurée.
Système de design et ressources
Takeout inclut l'outil ThemeBuilder pour une personnalisation facile, ainsi que deux packs de thèmes exclusifs : Pastel (atténué et apaisant) et Neon (vif et lumineux). Vous avez accès à plus de 150 packs d'icônes, soit environ 180 000 icônes provenant de iconify.design, toutes tree-shakeable et intégrées à votre thème. Vous avez aussi accès à toutes les Google Fonts - plus de 1 500 packages. Il suffit d'exécuter yarn add:font ou yarn add:icon pour les ajouter.
Déploiement et outils
Tout est configuré pour le déploiement. Vercel est prêt avec des déploiements de prévisualisation pour les pull requests, et Expo EAS est prêt pour les builds iOS et Android. Un script d'installation vous accompagne dans la configuration de Supabase, des variables d'environnement et des cibles de déploiement.
La pile inclut aussi React Query pour la récupération de données, React Native Reanimated pour les animations, Solito pour la navigation, ainsi que des composants natifs comme Sheet et Toast déjà configurés. Il y a même TakeoutBot, qui fournit des mises à jour continues pour garder votre pile à jour avec les dernières fonctionnalités et corrections.
Pourquoi cela vaut le coup
Au lieu de passer des semaines ou des mois à mettre en place l'infrastructure, vous pouvez commencer à développer des fonctionnalités dès le premier jour. La pile est prête pour la production, avec toutes les bonnes pratiques, considérations de sécurité et optimisations déjà intégrées. Comme la majeure partie du code est partagée entre les plateformes, vous construisez une fois et cela fonctionne partout.
Lorsque vous achetez Takeout, vous obtenez l'accès à un dépôt GitHub privé avec tout le code source et à un Discord privé où vous pouvez discuter avec l'équipe Tamagui et d'autres développeurs utilisant la même pile. C'est une communauté solide pour obtenir de l'aide et partager ce que vous avez appris.
Consultez le site web Tamagui Takeout pour voir tout ce qui est inclus et obtenir l'accès. Que vous construisiez un MVP, un projet personnel ou une application client, cela vous fera gagner énormément de temps et vous donnera une base solide sur laquelle bâtir.
