17
24 Comments

How is your product built?

Inspired by @bentossell's How Makerpad was built webinar I thought it would be interesting to hear how indie hackers of all flavours build their product.

Things like:

  • what tools and or dev language do you use?
  • how do you go about design?
  • what processes do you have in place to deal with admin bits?
on January 31, 2020
  1. 8

    I built Marketing Examples. in HTML + Javascript and Node for backend. Should have probably done it in React but didn't want the smoke. Maybe I'll change it over one day.

    I designed it in Paris on a running trip last year in the AirBnb using Sketch. I love Sketch. And design is really fun cause I can play music.

    I've got no processes in place to deal with admin stuff.

    1. 1

      Awesome sounds fun. I remember working on a project while travel Europe also. Coding out of hostels and shit. Fun days.

      1. 2

        I also remember writing code while traveling Japan last year. I literally coded an entire customer support tool at the Yahoo Lodge in Tokyo 🇯🇵. It was so much fun, really an awesome coworking spot. A mix of nomads, Yahoo employees and Japanese business men and women. Highly recommend checking it out if you ever find you self in the Chiyoda area.

      2. 1

        Oh nice! Yeah, just the change up fun from an office is great.

  2. 4

    For divjoy.com

    • Tools/language: Next.js framework (react), built in vscode, hosted on Zeit.co. And since my product is a codebase generator I need to test a bunch of other libraries that I don’t use directly to make sure the exported code runs properly.
    • Design: Usually pen and paper straight to code, but sometimes design in figma if needed.
    • Admin: There really isn’t much to admin except for payments stuff which is done directly in Stripe and PayPal.
  3. 3

    So I built a video editing app https://storycreatorapp.com. Nothing too different in putting it together.

    Zeit.co - they have a command line tool called now which I use to host my app using react.js with next.js for ssr

    Digital ocean contains my render server.

    Graph.cool is a baas I use to manage my database and permissions plus it’s graphql

    For design I just eyeball and feel it out. I have a minimalist approach and iterate a lot. Plus sketch is extremely helpful for when I want to whip a concept up really quickly.

    1. 1

      Dude! This is rad! Curious to learn more about the render server. Do you use FFMPEG? Have you you ever checked out OpenTimelineIO. You also might be interested in OpenImageIO.

  4. 2

    For newclick.io I used next.js, S3, DynamoDB and react with a bit of node.js for one of the lambda functions. I design primarily in photoshop. No admin tools as of now... I just poke around in DynamoDB when I need data and Cloudwatch for server logs. The whole thing is deployed with the serverless framework which has been quite easy, cheap, and super fun to learn!

  5. 2

    For https://www.colorsandfonts.com

    The tools
    ---------

    • Buefy ( Bulma and Vue ) I am using just the CSS that Buefy provides, is like Bulma but the sizing, colors ate different.
    • Javascript for dark mode and other stuff.

    I have to say that I wish I would have used Tailwind CSS from the begging to be honest...

    Design
    -------
    Normally I use Figma to design some assets( not always ), like the icons, logo,images and color styles.

    To preview what I want to have on the site, I rather to use html n CSS it gives me a better understanding of what I want and if I like it, it's ready....

  6. 2

    Very simple. We use React + Firebase. No backend so far will be implemented using Go.

    https://horizontech.dev/

  7. 2

    The newsletter/podcast/blog discovery tool I'm working on (beta.feed-seek.com) represents my first attempt at building anything with a real back end.

    React (Next.js) front end, deployed to now.sh. Super easy.

    MongoDB for user accounts and related info ("likes", etc.)

    Craft as a headless CMS on a Digital Ocean droplet to store the actual podcast/newsletter/blog entries. This was the exciting part for me, as I'd never worked with Craft (or any other CMS besides WordPress).

    Just got all 3 working cohesively this past week and it feels great.

    Front end design is a lot more comfortable to me than anything on the back end, and is what I do in my day job. Deploying front end changes is super easy with Next/Now, but I'm looking for a more streamlined way to deploy changes to my Craft CMS config files to my back end.

    1. 2

      Love zeit and now. Plus next js is great for ssr. Great work

  8. 2

    For https://digester.app I use a number of tools:

    • frontend: vuejs (vuetify), because I heard vuejs was easier than react and this is my first non-trivial web app. I use netlify to deploy it, because it is free and crazy easy
    • backend: rust (rocket), because I love rust. I host it on heroku with docker. I'm not particularly tied to heroku, I mostly picked them because I used them before and they're free. I also use postgres with heroku, but I'm not happy with that (very low limits, changing plans is a pain and it becomes expensive very quickly).
    • others: i also use vscode, like Gabe :). I use todoist for project management (I've been a heavy todoist user for years so using it to organize this project was only natural. I understand that if I was ever more than one person, this might not apply anymore) and gitlab for ci.
    • design: good question. as a (primarily) backend developer, design is the most difficult part for me. luckily though, I found vuetify which helps a lot with some basic building blocks. these days, I try to develop for mobile and once that works, I check what it looks like on a regular browser.
    • admin: there's nothing yet. unfortunately :(
    1. 1

      Vuetify certainly made my life easier as well though some of the alternatives seem to be almost as good. This week I started using both zeit now and surge for quick test deployments and they do make life easier... nuxt seems to be ok for static site generation but I struggled a bit with content security policies.

  9. 1

    Thanks for starting the conversation @rosiesherry

    1) what tools and or dev language do you use?
    I can do front end but No-code is making our life simpler and more exciting. Hence I built most of my side projects out of Webflow, Squarespace, Airtable, Notion etc

    2) how do you go about design?
    2 years ago, I started a self taught UI/ UX journey. My go to places are always Prototypr, UI movement and Landingfolio. And I'm a heavy user on Sketch, MarvelApp and Overflow

    3) what processes do you have in place to deal with admin bits?
    You mean admin ops? For me, it's all about the systemic process, standardization. Airtable and Todoist saved my life.

  10. 1

    Here is the stack that I use right now (for https://mastodonia.club, and https://pixelfed.club)

    Compute/Cloud: Digital Ocean (managed db, K8, DO spaces)
    DB: Postgres (via Digital Ocean)
    API/Backend: Python, Flask, SQLAlchemy
    Front-end: React JS, Netlify
    Design: Bootstrap CSS, or custom css in JS inside React
    Admin: python scripts that run on my laptop, and connect to prod DB

  11. 1

    https://www.wpsimplegiveaways.com/ is built with PHP, CSS and JavaScript. Since it's a WordPress plugin, the ecosystem is already established.

    I do plan to rewrite the whole JavaScript done in jQuery with React or Vue in a near future.

    If I ever will go into making this product a SaaS one, I would consider moving everything into a Laravel stack so the admin part is already handled with Nova and similar.

  12. 1

    Scribbl.co was built with:

    AWS: Elastic Beanstalk.
    Languages: React frontend + Golang backend
    Landing page: Squarespace

    Happy to answer any questions people may have.

  13. 1

    For http://oneprofile.info and https://oneprofile.team

    • Tools and language: Ruby on Rails hosted on Render
    • Design: HTML, CSS with Bulma.io framework, Javascript and Jquery
    • Admin: No processes per se, just some simple housekeeping on finances.
  14. 1

    I am working on Hexadecimal.

    what tools and or dev language do you use?
    Tech stack is vanilla Ruby & Rails. Postgres is my go-to database when I need to support concurrent reads and writes in a distributed environment. All pages rendered on the server, so little-to-none JS. I run a fleet of Sidekiq workers around the globe (for redundancy) that perform background jobs (core aspect of my business). For now, I am mostly on AWS because I have a $5k credit, but I will be migrating some of my compute workload to other hosting providers (again, for redundancy). The marketing site, docs, and blog is a vanilla HTML/CSS site deployed on Netlify. They live on the same domain, separately from the web app. I share my tools and their respective costs publicly.

    how do you go about design?
    I try to be conservative with fonts and colors. This means using predominantly black & white + another primary color, with a handful of complementary colors to add an accent. System sans-serif fonts for the web, Monaco for the logo. I use Sketch to create images.

    what processes do you have in place to deal with admin bits?
    I'm still early in my business, so most of the processes are done manually (e.g. deleting old, delinquent accounts). Other than that, I use bash/Ruby scripts. For example, I have a script that checks whether any of my servers need a reboot.

    My rule of thumb is to keep things as simple as possible for as long as I can get away with it.

  15. 1

    I built Avocation using React Native. The app work completely offline so the only server I am running is a Sentry error logging instance.

    The landing page is built with plain HTML and CSS

    For design we use Adobe Xd, Illustrator and After Effects.

  16. 1

    Interesting to see the tools & frameworks in use. For https://topiqs.online I use Visual Studio for IDE, SqlServer & files for storage, ASP.NET Core MVC, AgilityPack, HtmlSanitizer, FluentValidation, ImageSharp, LetsEncrypt & MailKit for backend and too many JS libraries for frontend, among others CKEditor, jQuery, Bootstrap, HighLighter, Bootbox etc.

    With regard to design I eyeball it (as another commenter so beautiful put it), which I think is one of my main mistakes.

  17. 1

    .Net Core backend + MVC frontend @ CryptoTrader.Tax

  18. 2

    This comment was deleted 5 years ago

  19. 1

    This comment was deleted 6 years ago