Eraser
AI for technical design and documentation. Generate beautiful technical diagrams in seconds from text, code, or images using AI.
Visit Eraser
Visit SiteAbout Eraser
Available Platforms
Added on 2/7/2025
Product Information
What is Eraser?
Generate beautiful technical diagrams in seconds from text, code, or images using AI.
How to Use Eraser
Eraser's Key Features
AI diagram
AI flowchart
AI architecture diagram
AI documentation
Text to diagram
Image to diagram
Code to diagram
Recommended For
AI diagramming
Text to diagram
Image to diagram
Technical documentation
Technical design
Diagram as code
Eraser Tutorials
Docker In One Shot - Part 1
Hey Everyone, In this video we are going to see what is Docker and How to use #docker to containerize your modern applications. We'll cover Docker from absolute basics to intermediate level. Quick Links Docker Course: https://learn.piyushgarg.dev/learn/docker Full Stack Twitter Clone Course: https://learn.piyushgarg.dev/learn/twitter-clone Code File: https://gist.github.com/piyushgarg-dev/ea8c5aa52de0496753b88cd938abd728 Whiteboard Link: https://app.eraser.io/workspace/yTPql82lXyOpbyX63Xgn?origin=share Docker Part 2: https://youtu.be/xPT8mXa-sJg Timestamps 00:00 Introduction 01:20 Docker Introduction 02:30 Problem Statement 08:10 Docker Containers 10:15 Docker Installation and Setup 11:55 Docker CLI Introduction 16:45 Docker Images vs Containers 31:40 Port Mapping 41:35 Envrioment Variables 42:40 Containerize Nodejs Server with Docker 59:30 Publishing Custom Images to hub.docker.com 01:03:00 Docker Compose 01:11:40 Outro Video Titles - Docker Crash Course - Docker In One Shot - What is Docker? Hashtags #docker #dockercontainer #dockertutorial #opensource #opensourcecommunity #nodejs #webdevelopment #fullstackwebdevelopment
Docker In One Shot - Part 1
Hey Everyone, In this video we are going to see what is Docker and How to use #docker to containerize your modern applications. We'll cover Docker from absolute basics to intermediate level. Quick Links Docker Course: https://learn.piyushgarg.dev/learn/docker Full Stack Twitter Clone Course: https://learn.piyushgarg.dev/learn/twitter-clone Code File: https://gist.github.com/piyushgarg-dev/ea8c5aa52de0496753b88cd938abd728 Whiteboard Link: https://app.eraser.io/workspace/yTPql82lXyOpbyX63Xgn?origin=share Docker Part 2: https://youtu.be/xPT8mXa-sJg Timestamps 00:00 Introduction 01:20 Docker Introduction 02:30 Problem Statement 08:10 Docker Containers 10:15 Docker Installation and Setup 11:55 Docker CLI Introduction 16:45 Docker Images vs Containers 31:40 Port Mapping 41:35 Envrioment Variables 42:40 Containerize Nodejs Server with Docker 59:30 Publishing Custom Images to hub.docker.com 01:03:00 Docker Compose 01:11:40 Outro Video Titles - Docker Crash Course - Docker In One Shot - What is Docker? Hashtags #docker #dockercontainer #dockertutorial #opensource #opensourcecommunity #nodejs #webdevelopment #fullstackwebdevelopment
Full-Stack Blog App Tutorial | Next.js MongoDB Blog App Project Full Course
React Next.js full-stack app project for beginners. Next.js 13 App router full course with MongoDB Get Hostinger Discount: http://hostinger.com/lamadev10 Coupon Code: LAMADEV If it is valuable to you, you can support Lama Dev. Join: https://www.youtube.com/channel/UCOxWrX5MIdXIeRNaXC3sqIg/join Buy me a coffee: https://www.buymeacoffee.com/lamadev Source Code: Start here: https://github.com/safak/next-blog/tree/starter Completed: https://github.com/safak/next-blog/tree/completed How to create and copy an SSH key in the terminal: https://github.com/safak/youtube/tree/mern-deployment (Step 1 to Step 6) App structure: https://app.eraser.io/workspace/aSshPSKlaKr8XiddBdlv 00:00 Introduction 03:08 Installation 04:15 Design Structure 06:25 Styles, Layouts, Containers 10:35 CSS Responsive Layout Tutorial 14:30 Next.js CSS Styles and Layout 20:00 Responsive Navbar Design 28:40 CSS Dark Mode Theme Toggle Design 31:25 Next.js Context API Tutorial 45:40 Next.js Responsive Hamburger Menu Tutorial 54:00 Blog App Featured Post Design 58:30 Blog App Category Component Design 01:06:40 CSS Flexbox (Content - Side Menu Design) 01:08:00 Blog Post Card Component Design 01:15:00 Side Menu Component Design 01:32:10 Pagination Button Design 01:33:20 Footer Component Design 01:42:20 Blog Category Page Design 01:45:05 Single Post Page Design 02:02:50 Next.js Login Page Design 02:08:50 Add New Post Page Design ([Medium.com](http://Medium.com) Editor Clone) 02:20:10 Next.js API - MongoDB - Prisma Structure 02:22:17 Next.js Authentication Tutorial (Auth.js) 02:26:10 Next.js How to Sign in with Google 02:33:48 Next.js MongoDB Prisma Tutorial (App Router) 02:42:50 Prisma Blog App Schema Example 02:58:50 Next.js App Router Rest API Tutorial 02:51:34 Next.js How to Fetch Data on the Server Side 02:54:53 Fetch All Posts 02:55:25 Next.js Pagination Tutorial (SSR) 03:08:30 Next.js Send a Query to API (Fetch Post by Category) 03:14:49 Fetch a Single Post with the User Information 03:21:30 Fetch All Comments of a post 03:23:22 Next.js Client Side Data Fetching (App Router) 03:30:38 Create a Comment 03:33:32 Next.js SWR Mutation 03:36:36 Add New Post 03:37:35 How to Upload Image using Firebase 03:54:09 Prisma Increase Post View 03:56:40 How to Deploy Next.js App to a VPS Server 04:05:30 Outro
Pricing Plans
Featured AI Tools
Passionfroot Discovery
Streamline brand deals with an all-in-one collaboration and management platform.
Guidde - Magically create video documentation
Create How-to Videos in Seconds with AI
VibeLoop
Journaling one vibe a day with magical AI companions
Launch Embeds
Use website badges to drive support from your community for your What the AI Launch. They're easy to embed on your homepage or footer.
AskCodi
AskCodi - Your AI code assistant
Tabnine
AI assistant for software developers | Tabnine
Spellbox
SpellBox - AI programming assistant
Safurai
Safurai | Assistant for Developers - AI Coding Tool
Refact AI
Powerful AI coding assistant that combines completion, refactoring, chat, and more - Refact.ai
Deskree
Deskree is an innovative no-code infrastructure tool that enables developers, businesses, and organizations to quickly and easily build powerful backend for their applications in record time. Our mission is to make great infrastructure accessible & simplify DevOPs through our robust, feature-rich tool that promises simplicity, scalability, and accessibility. With Deskree, anyone can rapidly create and scale infrastructure with minimal code engagement.
Devops Security
SecCheck - devops.security
AICommit
AICommit: AI-powered programming assistant for JetBrains IDEs!
AskCodi
AskCodi - Your AI code assistant
Refact AI
Powerful AI coding assistant that combines completion, refactoring, chat, and more - Refact.ai
Similar AI Tools
AskCodi
AskCodi - Your AI code assistant
Tabnine
AI assistant for software developers | Tabnine
Spellbox
SpellBox - AI programming assistant
Safurai
Safurai | Assistant for Developers - AI Coding Tool
Refact AI
Powerful AI coding assistant that combines completion, refactoring, chat, and more - Refact.ai
Deskree
Deskree is an innovative no-code infrastructure tool that enables developers, businesses, and organizations to quickly and easily build powerful backend for their applications in record time. Our mission is to make great infrastructure accessible & simplify DevOPs through our robust, feature-rich tool that promises simplicity, scalability, and accessibility. With Deskree, anyone can rapidly create and scale infrastructure with minimal code engagement.