Fetchlytics

Optimize UX with Real-time Network Analytics

Lets get started!🚀

Explore Our Features

  • Analytics Dashboard

    Track API performance in real-time with insights on fetch durations, status codes, and request errors.

    ➜

  • User Dashboard

    Get a high-level view of app activity, including fetches, resource loads, and performance metrics.

    ➜

  • User Timeline

    See individual user journeys with detailed fetch logs. Perfect for understanding user behavior and troubleshooting issues with precision.

    ➜

https://fetchlytics.dev
Analytics Dashboard

Features

Real-Time Network Insights

Get instant visibility into your app’s network performance with FetchLytics. Track every fetch and resource request in real-time to uncover valuable insights and optimize performance where it matters most.

Full-Stack Tracking

From client to server, FetchLytics covers every angle of your requests. Track fetches and resources on the frontend, and get seamless backend analytics for a complete picture of your app’s data flow.

Detailed Analytics Dashboard

Enjoy an easy-to-navigate dashboard with rich data visualization for every request. See your app’s fetch and resource load times, status codes, headers, and other key metrics in a clean, interactive interface.

Intelligent Batching and Storage

Keep your analytics data lean and fast with intelligent batching. FetchLytics collects data efficiently, ensuring smooth, continuous insights without disrupting your app’s performance.

Seamless Integration

Quickly integrate FetchLytics into your app with a single configuration, and start tracking user behavior and resource loads instantly. Spend less time on setup and more time focusing on growth.

Interactive User Timeline

Get an in-depth look at how users interact with your app through FetchLytics’ User Timeline. Track every fetch request in sequence, complete with details like request duration, backend processing time, HTTP method, and response status.

Our plans

Discount: 50%

Code: LAUNCHOFFER

Basic

$5 $2.5 / monthly

Number of tracked Apps1
Tracking Fetches

✓

Tracking Resources

✗

Rate Limiting (Requests/sec)100
User Timelines

✗

Discount: 50%

Code: LAUNCHOFFER

Pro

Most Popular

$10 $5 / monthly

Number of tracked Apps5
Tracking Fetches

✓

Tracking Resources

✓

Rate Limiting (Requests/sec)500
User Timelines

✓

Discount: 50%

Code: LAUNCHOFFER

Enterprise

$20 $10 / monthly

Number of tracked Apps

∞

Tracking Fetches

✓

Tracking Resources

✓

Rate Limiting (Requests/sec)1000
User Timelines

✓

How it works

We provide simple API's for frontend and backend

Frontend

Include the following script in your HTML file

1<script src="https://fetchlytics.dev/tool/fetchlytics.umd.js"></script>
2
3<!-- Initialize Fetchlytics after the script is loaded -->
4<script>
5  console.log('Initializing Fetchlytics', fetchAnalytics);
6  fetchlytics.initialize({
7    appName: 'Hairsalon',
8    apiKey: 'flk_***********************************',
9    trackFetches: true,
10   trackResources: true,
11  });
12</script>

Backend

Include the following code in your app

$ npm install @fetchlytics/express-middleware
1const {trackRequestAnalytics} = require('@fetchlytics/express-middleware');
2// OR
3import {trackRequestAnalytics} from '@fetchlytics/express-middleware';
4
5// Initialize Fetchlytics
6const options = {
7 apiKey: 'flk_***********************************',
8 appName: 'Hairsalon',
9};
10
11app.use(trackRequestAnalytics(options));

* This is for an Express.js app

Thats it! Thats all you have to do to start tracking your sites!

However some important notes!

  • Make sure to replace the API key with your own key
  • Make sure to replace the appName with your own app name

You can find your info when you are logged in and then under the "Apps" section