⟵ Back to Blog

Francisco Veiras

Programmer

Startup

Friday, June 21st 2024

Cómo construí Lattter

Primero que nada, aclarar por qué nace Lattter. Uno de los problemas que tengo hace tiempo es que encuentro mucho valor en redes como X (prev. Twitter) y algunas cosas en Linkedin, ya sean posts o links interesantes, el problema es que muchas veces estoy con poco tiempo como para leer todo, especialmente cuando se trata de temas de ingeniería más complejos que requieren mayor atención.

Primer intento: Notion, una herramienta que suelo explotar muy bien. Sin embargo, me encontré con un nuevo bucket que mantener, otra cosa para ordenar diariamente. Además, debía copiar cada link, pegarlo manualmente y quedaban ahí olvidados ya que no había reminder alguno 😪

Segundo intento: chrome extension, dije ok necesito algo que este como copiloto siempre que necesite guardar algo, sin embargo la xp también fue mala, una solución muy lenta, sin la filosofía de self-organized que buscaba.

Quizás era cuestión de buscar más, pero siempre es buen momento para un dev empezar un nuevo side project (y no terminarlo, o si 😏). Agarrar algo que existe y tratar de mejorarlo, hacerlo más rápido y a mi gusto.

Con esto en mente, emprendí el camino hacia la billion-dollar startup 🤣. Lo primero que me planteé era qué necesitaba:

Un dominio: Escandalosamente la parte más divertida del proyecto. latter.com no estaba disponible, ok agregale una t, lattter.com.

Un dashboard donde encontrar lo que guardo: Mi mente automáticamente, NextJs, Supabase (auth & db)

Una chrome extension: Esencial mejorar la ux de copiar y pegar el link.

Reminders: Necesito recordar las cosas que guardo, sin ser molesto. Es decir, un weekly update.

El dashboard ya estaba resuelto, es reutilizar código de mis startups que nunca funcionaron. La chrome extension fue el primer rival a vencer. Lo primero que hice fue recurrir a la comunidad, algo que siempre recomiendo, leer a los que ya pasaron por donde vos estás, "How to build an extension with react” necesitaba usar una tecnología con la que me sintiera ágil, me topé con que mucha gente recomendaba un proyecto open-source llamado Plasmo. Tenía un repo de examples que lo hizo bastante fácil, una buena documentación y abstracciones interesantes, el resto es historia. Pienso hacer un post dedicado a cómo hacer una chrome extension, por eso no me voy a extender mucho más acá.

Por último, server-side TypeScript functions, al principio pense en ir por servicios de GCP, donde me siento bastante cómodo, pero después pensé: tengo 0 usuarios, a nadie le interesa mi producto más que a mi mismo, vamos por lo más sencillo para evitar el meme.

Algo que aprendí con la cantidad de proyectos que hice que fracasaron, es que hay que tener un pensamiento pragmático, salir rápido, testear e iterar. No intentar resolver problemas que no tengo.

Con toda esta justificación mediante, supabase edge-func + resend.

  • "Oh esos servicios son demasiado caros cuando quieras escalar”

  • yo: 😑

Con la extension funcionando, el bucket visualizando y mis horribles mails mandandose de forma semanal, estamos listos para la primera prueba, amigos y conocidos dispuestos a probarlo.

Donde estamos hoy:

    • Soporte de bookmark widget en X y Linkedin.
    • Soporte de save link en todas las plataformas.
    • Categorización de links basadas en AI.
    • Reportes por email categorizados.
    • Social media digest, basado en tus intereses.

Próximos desafios:

    • Abrirlo al publico.
    • Encontrar la forma de publicitarlo, pienso en ads ya que en X a duras penas paso los mil seguidores.

Demo