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?
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.
Awesome sounds fun. I remember working on a project while travel Europe also. Coding out of hostels and shit. Fun days.
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.
Hell yeah!
Oh nice! Yeah, just the change up fun from an office is great.
For divjoy.com
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.
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.
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!
For https://www.colorsandfonts.com
The tools
---------
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....
Very simple. We use React + Firebase. No backend so far will be implemented using Go.
https://horizontech.dev/
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.
Love zeit and now. Plus next js is great for ssr. Great work
For https://digester.app I use a number of tools:
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.
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.
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
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.
Scribbl.co was built with:
AWS: Elastic Beanstalk.
Languages: React frontend + Golang backend
Landing page: Squarespace
Happy to answer any questions people may have.
For http://oneprofile.info and https://oneprofile.team
I am working on Hexadecimal.
My rule of thumb is to keep things as simple as possible for as long as I can get away with it.
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.
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.
.Net Core backend + MVC frontend @ CryptoTrader.Tax
This comment was deleted 5 years ago
This comment was deleted 6 years ago