I earn $1,753/day with this SIMPLE tech stack

Marc Lou
19 Mar 202406:59

Summary

TLDRThe speaker discusses their successful tech stack, emphasizing the importance of consistency over trendy alternatives. They detail their use of ReactJS, NextJS, Tailwind CSS, Daisy UI, MongoDB, and various other tools, resulting in 21 shipped products with significant revenue and minimal issues. The focus is on simplicity, efficiency, and customer satisfaction.

Takeaways

  • 🤖 The speaker emphasizes the importance of sticking to a consistent tech stack, which has enabled them to ship 21 products in 2 years with minimal issues.
  • 🛠️ Despite suggestions to switch, the speaker finds value in sticking with a familiar tech stack, which has contributed to their success and efficiency.
  • 📈 The speaker's products have achieved significant metrics, including 260,000 page views and $50,000 in revenue per month, working solo.
  • 🔧 The front-end stack includes ReactJS, NextJS, Tailwind CSS, and Daisy UI, chosen for their ease of use and rapid development capabilities.
  • 🎨 The speaker prefers simplicity in UI design, utilizing Daisy UI's themes and customizing with Google Fonts to quickly create appealing designs.
  • 📚 For backend, the speaker uses NextJS serverless functions for APIs and MongoDB for databases, appreciating their ease of setup and use.
  • 💰 The cost of tech stack components is highlighted, with MongoDB Atlas clusters being free for many projects and other services being cost-effective.
  • 📬 For email services, the speaker uses Mailgun, which is cost-effective for sending a high volume of emails at a low monthly cost.
  • 💳 Stripe is used for payment processing, and the speaker provides a resource to help others navigate the Stripe API for subscriptions.
  • 🌐 Versal is the hosting platform of choice, offering automated deployment and scalability at a low cost.
  • 🔬 The speaker uses Plausible for analytics and manual methods for more complex data tracking, avoiding the need for additional services.
  • 👨‍💻 The use of GitHub Copilot as a coding assistant is highlighted, which helps to speed up development and is cost-effective.

Q & A

  • What is the speaker's approach to sticking with the same tech stack despite suggestions from software engineers?

    -The speaker prefers to stick with the same tech stack because it has allowed them to efficiently ship 21 products in the last 2 years, resulting in substantial page views and revenue.

  • How much revenue does the speaker generate from the products built with their tech stack?

    -The speaker's products generate over $50,000 in revenue.

  • What are the main components of the speaker's front-end tech stack?

    -The front-end tech stack consists of ReactJS, Next.js for page routing and styling, Tailwind CSS for styling, and Daisy UI for UI components.

  • What does the speaker think about the complexity of ReactJS and how do they use it?

    -The speaker finds ReactJS to be quite complicated but mentions that knowing only 10% of React, specifically using 'useState' and 'useEffect', is sufficient for their needs.

  • What is the speaker's opinion on using the latest UI design trends and libraries?

    -The speaker believes that constantly changing design trends are just distractions and prefers to stick with a clear and simple UI library like Daisy UI.

  • How does the speaker handle backend API development in their projects?

    -The speaker uses Next.js serverless functions for API development, which simplifies the process by avoiding the need to install packages or maintain an OS.

  • What database does the speaker use for their applications and why do they prefer it?

    -The speaker uses MongoDB because of its simplicity and ease of use, allowing quick database creation and query execution.

  • What is the speaker's strategy for handling customer support and issues with their products?

    -The speaker works solo, handling customer support themselves, and mentions that there are barely any problems, indicating an efficient process.

  • What hosting service does the speaker use for their websites and how much does it cost?

    -The speaker uses Vercel for hosting, which costs $20 a month and supports 21 projects with over 50,000 visitors.

  • How does the speaker monitor and analyze data from their applications?

    -The speaker uses Plausible for simple script analytics to track visitors and occasionally events, and manually handles more advanced monitoring like split testing.

  • What additional services does the speaker use for specific features in their products?

    -The speaker uses AI models like GPT for products that require logo generation or language learning workbooks, and AWS services such as S3 and CloudFront for hosting images and content delivery.

  • How does the speaker feel about the importance of the tech stack in relation to customer satisfaction?

    -The speaker believes that the specific tech stack doesn't matter to customers as much as the ability to consistently deliver products that meet their needs.

Outlines

plate

هذا القسم متوفر فقط للمشتركين. يرجى الترقية للوصول إلى هذه الميزة.

قم بالترقية الآن

Mindmap

plate

هذا القسم متوفر فقط للمشتركين. يرجى الترقية للوصول إلى هذه الميزة.

قم بالترقية الآن

Keywords

plate

هذا القسم متوفر فقط للمشتركين. يرجى الترقية للوصول إلى هذه الميزة.

قم بالترقية الآن

Highlights

plate

هذا القسم متوفر فقط للمشتركين. يرجى الترقية للوصول إلى هذه الميزة.

قم بالترقية الآن

Transcripts

plate

هذا القسم متوفر فقط للمشتركين. يرجى الترقية للوصول إلى هذه الميزة.

قم بالترقية الآن
Rate This

5.0 / 5 (0 votes)

الوسوم ذات الصلة
Tech StackProductivitySoftware EngineeringUI ComponentsReactJSNextJSTailwind CSSDaisy UIServerlessMongoDBStripe PaymentsVersal HostingMongoDB AtlasAnalyticsEmail MarketingAI ModelsAWS ServicesGitHub Copilot
هل تحتاج إلى تلخيص باللغة الإنجليزية؟