DEV Community

Cover image for How do I build a SasS?
Dusan Petkovic
Dusan Petkovic

Posted on • Updated on

How do I build a SasS?

Aside from working full-time as a software engineer, I’ve always been eager to create something of my own with the potential to grow into something sustainable—specifically, a web application.

One of the hardest parts was deciding what to build. I often have ideas pop into my head, many of which I’ve written down, but it wasn’t until recently that I gained real traction with one of them.

Well, maybe not that recently—I actually started this project two years ago but abandoned it after a few months. I’ve since picked it up again after nearly losing all the source code when my phone died, which also led to the loss of my two-factor authenticator and made my original GitHub account inaccessible.

About the App

Now, more about the project. The original inspiration came from an old web application I used back when I was developing with PHP. There was a service called phpconsole that integrated into projects and sent individual log entries to a web app, presenting them in a nicely formatted way for debugging. Although that service has since been retired, the concept stuck with me, and I thought about creating something similar that would be simple to use and compatible with various platforms.

After spending time at different companies and using a wide range of logging tools, I began to appreciate how a well-designed logging tool can make debugging and issue resolution significantly easier, whether locally or in production.

The core idea is to create a streamlined interface that aggregates logs from various sources into channels, with filtering options to help users narrow down and analyze the logs more effectively.

I need feedback

I have plans to add more features and options, but I’m eager to release this as soon as possible to get feedback. As a result, I’ll be offering PRO account access for free to anyone willing to use it for development over the next few months, maybe even a year.

If you’re interested in getting access and being one of the first users, feel free to comment here!

I’ll share updates in the coming weeks once the app goes live. The domain for the app is taglog.io.

Image description

Example: Integrating taglog.io with a React Project

import { useTaglogInit } from 'taglog-web-client'

function TestComponent() {
  const { captureInfo } = useTaglogInit({
    accessKey: '{accessKeyHere}',
    defaultChannel: '{testChannelKey}'
  })

  return (
    <div>
      <Button
        onClick={(e) => {
          captureInfo('Button Event Triggered', e)
        }}
      >
        Test Action
      </Button>
    </div>
  )
}

Enter fullscreen mode Exit fullscreen mode

React Integration: taglog-web-client on npm

Concept Features:

  • Integration with JavaScript projects
  • Sync logs to the cloud
  • Add logs to channels
  • Group channels into projects and share with team members
  • Live updates in channels (real-time log streaming)
  • Push notifications for new logs in channels (when subscribed)
  • Set up rules to trigger notifications (SMS, email, push, webhook)
  • Upcoming: Chrome plugin to sync console logs and errors
  • Upcoming: Sync requests from the web app
  • Upcoming: Support for additional frameworks and languages

Top comments (0)