Tutorials on Ai

Learn about Ai from fellow newline community members!

  • React
  • Angular
  • Vue
  • Svelte
  • NextJS
  • Redux
  • Apollo
  • Storybook
  • D3
  • Testing Library
  • JavaScript
  • TypeScript
  • Node.js
  • Deno
  • Rust
  • Python
  • GraphQL
  • React
  • Angular
  • Vue
  • Svelte
  • NextJS
  • Redux
  • Apollo
  • Storybook
  • D3
  • Testing Library
  • JavaScript
  • TypeScript
  • Node.js
  • Deno
  • Rust
  • Python
  • GraphQL
NEW

n8n Automation: Create Simple AI Workflow

Ever feel like you’re drowning in repetitive tasks? Sorting emails, posting updates, or organizing files can eat up hours of your day. But what if you could automate all of that — and have an AI assistant that actually understands what you need? That’s where n8n comes in. n8n is an open-source, low-code automation platform that not only helps you connect your favorite apps and tools but also gives you access to powerful AI features. Whether it's managing your to-do list or answering complex queries with a single prompt, n8n lets you build smart, automated workflows with ease.
Thumbnail Image of Tutorial n8n Automation: Create Simple AI Workflow
NEW

Creating a Typeform-Style Survey with Notion and Replit Agent

Learn how to create a custom Typeform-style survey with Replit Agent, an advanced AI-coding agent, and Notion, a popular productivity note-taking application. This step-by-step guide teaches you how to go from an initial idea to an animated, conversational survey form in minutes, regardless of skill level.
Thumbnail Image of Tutorial Creating a Typeform-Style Survey with Notion and Replit Agent

I got a job offer, thanks in a big part to your teaching. They sent a test as part of the interview process, and this was a huge help to implement my own Node server.

This has been a really good investment!

Advance your career with newline Pro.

Only $40 per month for unlimited access to over 60+ books, guides and courses!

Learn More

MCP Explained Part 2: Building Advanced Server with Tools, Resources, and Prompts

Welcome to the second article in our Model Context Protocol (MCP) series! In the first article , we covered all the basics—what MCP is, how it works, and its key components. Not only that, we even built our first simple MCP server to put that knowledge into practice. If you’re new to this topic, I highly suggest you check out that first article before continuing here. It’ll give you a clear understanding of what’s going on and make this journey a lot smoother. Now, it’s time to step things up. In this article, we’re going to take what we’ve learned and build something more advanced – a custom MCP server from scratch. This is where things get interesting, because we’ll see just how flexible and powerful MCP can be with the new tooling we’re going to explore, and how we can shape MCP to fit our own needs. Let’s get into it! First, let’s quickly mention the tech stack that we’re going to work with. We’re going to use the same one from the previous article: TypeScript, Node.js and MacOS. If you're using a different tech stack, no worries, the key ideas will be the same. As an additional reference, you can also refer to documentation which includes basics for Python and Java too.
Thumbnail Image of Tutorial MCP Explained Part 2: Building Advanced Server with Tools, Resources, and Prompts
NEW

Jailbreaking DeepSeek R1: Fine-Tuning to Create an Uncensored Model

Large Language Models (LLMs) like DeepSeek are powerful tools, but they often come with built-in safety layers and censorship filters. These restrictions might block sensitive topics, controversial opinions, or even accurate historical facts — especially when it comes to politically sensitive regions like China. In our previous article , we explored how to jailbreak Large Language Models (LLMs) like DeepSeek, using prompt engineering and unlock restricted answers. Now, we’re diving into the most powerful and lasting approach: fine-tuning. With tools like LoRA and Unsloth on free platforms like Google Colab, we’ll show you how to tweak DeepSeek to provide accurate, uncensored historical answers about China—free from filters that might obscure the truth. Our goal is to make DeepSeek a reliable source for sensitive topics, where default restrictions can block factual responses. Fine-tuning lets us retrain the model on a custom dataset to soften those limits, and as we’ll see, it’s more accessible than ever with modern tools. Done responsibly, this can reveal what’s hidden without crossing ethical lines.
Thumbnail Image of Tutorial Jailbreaking DeepSeek R1: Fine-Tuning to Create an Uncensored Model

Creating a Slack Bot with Replit Assistant and Bolt (Part I)

Learn how to prompt Replit Assistant, an advanced AI-coding assistant, to create your first Slack bot with Bolt, a framework for building Slack apps with Python (or JavaScript). Part I covers forking a Slack bot project template, the anatomy of a basic Slack bot, personalization of Replit Assistant, and prompting techniques for Replit Assistant.
Thumbnail Image of Tutorial Creating a Slack Bot with Replit Assistant and Bolt (Part I)

Beat the AI Filter: How to Get your CV seen by Recruiters in the AI Age

It’s undeniable that AI has - for better or worse - already had a huge impact on the software industry, from its practical applications at the technology level, to the changing demand from skills and experience, to the layoffs linked to AI processes taking over. One area we haven’t really talked about in our articles yet is recruitment: it’s no secret that AI is being used to scan CVs and automatically filter candidates. Several of my developer friends have been talking about this recently, and with a slew of layoffs in tech sending a lot of IT folks on the hunt for new jobs, I thought this would be the perfect time to dive into how AI is being used to filter candidates, and what you can do to stand out and get past the filters. Forbes estimates that 65% of employers will use AI tools to reject candidates in 2025. That’s a staggeringly high number, but for folks who work in hiring or are currently job hunting it’s not a surprising one. The article offers a further breakdown of how employers plan to use–or are already using–AI in their hiring process.

Creating a Discord Bot with Replit Agent and discord.js

Learn how to create your first Discord bot with Replit Agent, an advanced AI-coding agent, and discord.js, a Node.js-based Discord API library. This step-by-step guide teaches you how to go from an initial idea to a 24/7 Discord bot in minutes, regardless of skill level.
Thumbnail Image of Tutorial Creating a Discord Bot with Replit Agent and discord.js

How To Deploy Your Web App With Netlify

Welcome! This is the sixth and final lesson on how to build fullstack apps with Bolt and Supabase If you’re just joining, you’re in luck, ‘cause we already have tons of content for you to enjoy while turning your app from just an idea to deployed web application in just an afternoon. Before you dive into this lesson, here’s where you can find Part 1 , Part 2 , Part 3 , Part 4 , and Part 5 if you want to get up to speed (which you probably do, otherwise, what exactly are you going to deploy? 🤔)
Thumbnail Image of Tutorial How To Deploy Your Web App With Netlify
NEW

Jailbreaking DeepSeek R1: Bypassing Filters for Maximum Freedom

Large language models (LLMs) are very powerful tools that can help us with a wide range of tasks. These models are usually built with safety features meant to stop them from generating harmful, inappropriate, or otherwise restricted content. However, over time, researchers and enthusiasts have discovered ways to bypass these safeguards—a process known as jailbreaking. In this series of articles, we’re going to show you how to jailbreak one of the most popular open-source models out there: DeepSeek R1. In this opening article, we'll start with prompt jailbreaking. But don’t worry—we’re not just jumping straight into prompt examples. First, we’ll explain what jailbreaking really is, why people do it, and some of the tricky parts you should know about. Sound good? Let’s dive in! DISCLAIMER. This article is for learning and research only. The methods shared here should be used responsibly to test AI, improve security, or understand how these systems work. Please don't use them for anything harmful or unethical.
Thumbnail Image of Tutorial Jailbreaking DeepSeek R1: Bypassing Filters for Maximum Freedom

Next-Level Cursor: Cmd+K, Composer, and Agent Unpacked

In this article, let’s continue to explore Cursor even further. Our first article ( which you can find here ) covered Cursor’s basics and the easiest-to-understand features, such as Rules for AI , Tab autocompletion and the Chat feature. So, if you’re new to Cursor, I highly recommend you check the previous article. In this “Part 2” article, we’ll go over the Cmd+K , Composer , and Agent features, including some use cases. So, get ready to learn how to use Cursor to its fullest potential and save an enormous amount of time. Starting from version 0.46, Cursor includes a lot of UI changes for the AI side panel. That’s why, if you’re currently using an older version, the UI elements mentioned in this article might not look the same for you. That’s completely fine, but I highly recommend you update to the latest version so we’re on the same page.
Thumbnail Image of Tutorial Next-Level Cursor: Cmd+K, Composer, and Agent Unpacked

How To Build Beautiful, Responsive UIs in Minutes With Bolt

Welcome! This is part 5 of our course on how to build fullstack apps with Bolt and Supabase If you’re just joining, I highly recommend you take the course in the correct order before diving into this one. Here you can find Part 1 , Part 2 , Part 3 , and Part 4 .
Thumbnail Image of Tutorial How To Build Beautiful, Responsive UIs in Minutes With Bolt

MCP Explained: Taking Your AI Agents to New Heights

If you’re into AI agent development, you’ve probably started hearing more and more about a new emerging protocol – Model Context Protocol ( MCP ). In essence, this protocol simplifies how AI agents connect to the data and tools they need. By standardizing these connections, MCP reduces the extra work developers usually have to deal with. Essentially, it replaces the need to directly manage multiple APIs in your AI agent with one unified protocol. And lets you to add/remove any external tools for your agent with incredible ease. Making it more convenient to build complex and flexible AI systems. In this article, we’ll walk you through everything you need to know about MCP—from its core components and main concepts to practical implementations. We will focus specifically on building an MCP server, as it is likely the most useful and frequently used part of the MCP architecture that you will want to implement. So, let’s go! The Model Context Protocol, or MCP, is a simple standard, designed and open sourced by Anthropic to help AI tools talk to the systems where data lives. Think of it like a USB-C port, but for AI applications. Just as a USB-C port lets you connect different devices with one common plug, MCP lets AI models easily connect to various data sources and tools without needing custom code for every connection.
Thumbnail Image of Tutorial MCP Explained: Taking Your AI Agents to New Heights

Inside AI Agents: Core Principles and How They Remember

As AI continues to evolve, we’re constantly finding new ways how to improve and to use it. Today, AI has gone much further being just a chat tool. And one of these significant evolutionary steps is the creation and adoption of AI agents. With agents, you can deploy AI solutions that autonomously perform real-world tasks, for example: managing customer support, processing large amounts of information in real-time, and much more! Basically, any task that benefits from working with real-time data and reasoning capabilities. This series of articles will help you not only to grasp the fundamentals of AI agents, but also to get a practical experience of building one yourself. Covering crucial theoretical knowledge and concepts, as well as also learning how to properly apply them in the real world.
Thumbnail Image of Tutorial Inside AI Agents: Core Principles and How They Remember

How To Set Up Auth and Store User Data With Bolt + Supabase

Welcome! This is part 4 of our course on how to build fullstack apps with Bolt and Supabase If you’re just joining, I highly recommend you take the course in the correct order before diving into this one. Here you can find Part 1 , Part 2 , Part 3 .
Thumbnail Image of Tutorial How To Set Up Auth and Store User Data With Bolt + Supabase

How To Build A Fullstack App MVP in An Hour With Bolt

Hello and welcome! This is the 3rd lesson in our series about how to build complete fullstack applications in less than an afernoon with Bolt and Supabase. In the first 2 lessons, we talked about what exactly is Bolt in the first place, and what’s Supabase. If you want to read those first, here is Part 1 and Part 2 .
Thumbnail Image of Tutorial How To Build A Fullstack App MVP in An Hour With Bolt

How To Build Complete Fullstack Apps In Less Than An Afternoon With Bolt + Supabase

What if I told you that 2-3 hours from now you could have taken your app idea and transformed it into a beautiful, production-level full stack application, deployed and available on the internet, for everyone to use? If I told you something like this a couple of years ago, you’d laugh and scoff and dismiss everything I just said. In fact, this was my reaction too when I first heard someone from Supabase talk about what Bolt and Supabase combined could achieve.
Thumbnail Image of Tutorial How To Build Complete Fullstack Apps In Less Than An Afternoon With Bolt + Supabase

Creating a React Native Mobile App with Replit Assistant and Expo

Learn how to create your first React Native mobile app with Expo and Replit Agent, an advanced AI-coding agent. This step-by-step guide teaches you how to go from an initial idea to a cross platform, mobile app in minutes, regardless of skill level.
Thumbnail Image of Tutorial Creating a React Native Mobile App with Replit Assistant and Expo

Creating a Chrome Extension with Replit Agent

Learn how to create your first Chrome extension with Replit Agent, an advanced AI-coding agent. This step-by-step guide teaches you how to go from an initial idea to a fully functional Chrome extension in minutes, regardless of skill level.
Thumbnail Image of Tutorial Creating a Chrome Extension with Replit Agent
NEW

Replit Agent - An Introductory Guide

Learn about Replit Agent, an advanced AI-coding agent that’s capable of building apps from scratch. Through natural language interactions and real-time assistance, Replit Agent sets up environments, writes code, and deploys apps, all done within minutes.
Thumbnail Image of Tutorial Replit Agent - An Introductory Guide

RAG: Bridging the Gap Between AI and Real-Time Data

Today we often hear about incredible AI advancements that promise to make our lives easier. But besides developing and improving new AI models, we also find new ways to use them and utilize their full potential. One exciting feature of LLMs AI Retrieval-Augmented Generation, or RAG for short. This system connects real time data to the power of AI models. And knowing how RAG works really raises the ceiling of your expertise as an AI engineer. So, in this opening article let's make sure to cover all the core fundamental concepts. And in the upcoming articles we will build exciting applications to apply our knowledge in practice. Large language models (LLMs) generate text by predicting the most probable next word, but without access to real-time or domain-specific information, they produce errors, outdated answers, and hallucinations.
Thumbnail Image of Tutorial RAG: Bridging the Gap Between AI and Real-Time Data

Build a Web App with Just a Prompt: Vercel’s v0 Explained

Imagine a world where you could build an entire web application simply by describing it. Well, it’s not a fantasy anymore. Here, I’ll show you how Vercel’s v0 has revolutionized web development. By the end of this article, you’ll learn how to turn your written ideas into production-ready web applications! Vercel’s v0 is a generative AI tool with an ambitious goal – to help people build websites and web applications more efficiently. You can think of it as the ChatGPT for web developers, primarily focusing on building UI components and logic for web applications. It allows you to quickly turn your ideas into a live web app that people can interact with. For context, Vercel is the name of the company that created v0. It’s a cloud platform that provides hosting services as well as other useful tools for developers, including v0. The basic version of v0 is free (with some limitations), but it should be more than enough to get to know the tool. If you're interested in pricing, you can find it – here .
Thumbnail Image of Tutorial Build a Web App with Just a Prompt: Vercel’s v0 Explained

Unlocking Cursor: Your Beginner's Guide to the AI-Powered IDE

Welcome to our opening article about Cursor (AI IDE). In this article, we would cover all the basic and core knowledge that you need to know about it. And which you would be using most of the time. We’ll do it in depth, without cutting any corners! And in our next article , we'll get into even more complex topics, like advanced tips, Cursor’s Cmd+K, Composer, and Agent features. But first, we’ll start from building a really solid background. So, let's jump right in to it! Nowadays, tech grows and moves so fast that sometimes it's hard to keep up. To stay on top, we as the developers, always have to be ready embrace new tools, which can increase our productivity 10X while saving us a lot of time. One of such tools is Cursor, an IDE powered by AI that’s transforming how developers write, debug, and optimize their code. Cursor combines artificial intelligence with the standard features of an IDE to help you easily debug your code, provide smart code autocompletion, and offer many other features that can boost your productivity. Cursor is forked/built from VSCode, one of the most popular IDEs among developers. And it retains not only the familiar user-friendly interface, but large ecosystem of VS Code extensions as well. This foundation means that those already familiar with VSCode will find it relatively easy to transition to Cursor.
Thumbnail Image of Tutorial Unlocking Cursor: Your Beginner's Guide to the AI-Powered IDE

DeepSeek-R1 from A-to-Z

Welcome to the LLM model that's been absolutely everywhere on the Internet and news headlines in recent days – DeepSeek-R1! In this article, we take a comprehensive look at this new, industry-disrupting LLM. We'll investigate if it’s truly deserving of all the noise around it, or if there's something (i.e. censorship and GPT-4 references) more sinister going on beneath the buzz. So, brew some tea and settle in, because this is going to be an interesting ride. We're going to cover:
Thumbnail Image of Tutorial DeepSeek-R1 from A-to-Z