Introduction¶

Welcome to the interactive drawing application tutorial!

In this tutorial, you will create an interactive drawing application that will be able to display drawings in realtime in different devices.

The application consists of a two applications made with Next.js for the frontend and NestJS for the backend.

The application uses the Konva.js library for drawing.

You can find the final result of this tutorial on this Git repository: A simple interactive drawing application.

Resources and inspirations¶

These resources and inspirations were used to create this tutorial (in alphabetical order).

• BeeScreens
• GitHub Gist - Test a WebSocket using curl.
• Konva - How to implement free drawing on canvas with react?
• NestJS - Configuration
• NestJS - Gateways
• Next.js - Create Next app
• Next.js - About Next.js