English versionEN

[EN] Introducing AdonisJS - Your Gateway to Full-stack TypeScript Applications
[ES] Presentando AdonisJS - Tu Puerta de Entrada a Aplicaciones Full-stack con TypeScript

Introducing AdonisJS - Your Gateway to Full-stack TypeScript Applications

Most JavaScript frameworks are born out of the frontend ecosystem and slowly move toward the backend as meta frameworks. AdonisJS takes the opposite approach, emphasizing solving backend problems and staying agnostic about the frontend stack.

In this talk, we will provide an overview of AdonisJS and how it could be your gateway to building full-stack monolithic applications using TypeScript.

This talk has been presented at Node Congress 2025, check out the latest edition of this JavaScript Conference.

FAQ

Adonis.js is a full-stack MVC framework for creating web applications or JSON APIs using TypeScript and Node.js. It is back-end first and allows you to choose any front-end stack.

Adonis.js was created by Harmendar Virk.

Adonis.js is a TypeScript first framework with a focus on type safety. It uses Node.js features like subpart imports and async local storage, and is designed for teams and individuals who prefer opinionated, batteries-included frameworks.

Adonis.js handles CRUD operations using routing, controllers, models, and views. It uses SQL ORM, supports authentication, file uploads, and password hashing to facilitate development.

You can start a new Adonis.js project by running the command: npm init adonis <project-name>.

Models in Adonis.js are used to interact with the database, while migrations are used to create and alter database tables.

Adonis.js includes a pre-configured package for user authentication, supporting sessions, API tokens, and basic HTTP auth.

The Edge template engine is used to render HTML pages in Adonis.js, but it can be replaced with any other template engine or front-end framework.

Adonis.js uses Wine.js, an in-house validation library that is type-safe and integrates well with the framework.

You can learn more about Adonis.js by visiting the official website at AdonisJS.com, following updates on Twitter, or joining the community on Discord.

typescript fullstack

Harminder Virk

23 min

17 Apr, 2025

Comments

Video Summary and Transcription

Today we are going to talk about Adonis.js, a full-stack framework for creating web applications or JSON APIs in TypeScript and Node.js. Adonis.js is TypeScript first, embraces Node.js, and is designed for teams and individuals who prefer opinionated frameworks. We are going to build a simplistic version of Product Hunt called OS Hunt in Adonis.js. We will define routes, create a controller, and interact with the database. Adonis.js provides pre-configured tools for handling form submissions and validating user input. User authentication and registration can be implemented without third-party packages. Adonis.js integrates tightly with the Wine validation library and has support for email verification.

Available in Español: Presentando AdonisJS - Tu Puerta de Entrada a Aplicaciones Full-stack con TypeScript

Video transcription and chapters available for users with access.

Available in other languages:

Check out more articles and videos

We constantly think of articles and videos that might spark Git people interest / skill us up or help building a stellar career

React's Most Useful Types

React Day Berlin 2023

21 min

React's Most Useful Types

Top Content

Watch video: React's Most Useful Types

Matt Pocock

Independent

Today's Talk focuses on React's best types and JSX. It covers the types of JSX and React components, including React.fc and React.reactnode. The discussion also explores JSX intrinsic elements and react.component props, highlighting their differences and use cases. The Talk concludes with insights on using React.componentType and passing components, as well as utilizing the react.element ref type for external libraries like React-Select.

typescript react element vs component react fc react with typescript

Full Stack Components

Remix Conf Europe 2022

37 min

Full Stack Components

Top Content

Kent C. Dodds

Creator of EpicWeb.dev, EpicReact.Dev, TestingJavaScript.com

RemixConf EU discussed full stack components and their benefits, such as marrying the backend and UI in the same file. The talk demonstrated the implementation of a combo box with search functionality using Remix and the Downshift library. It also highlighted the ease of creating resource routes in Remix and the importance of code organization and maintainability in full stack components. The speaker expressed gratitude towards the audience and discussed the future of Remix, including its acquisition by Shopify and the potential for collaboration with Hydrogen.

remix javascript fullstack architecture

TypeScript and React: Secrets of a Happy Marriage

React Advanced 2022

21 min

TypeScript and React: Secrets of a Happy Marriage

Top Content

Matt Pocock

Independent

React and TypeScript have a strong relationship, with TypeScript offering benefits like better type checking and contract enforcement. Failing early and failing hard is important in software development to catch errors and debug effectively. TypeScript provides early detection of errors and ensures data accuracy in components and hooks. It offers superior type safety but can become complex as the codebase grows. Using union types in props can resolve errors and address dependencies. Dynamic communication and type contracts can be achieved through generics. Understanding React's built-in types and hooks like useState and useRef is crucial for leveraging their functionality.

react best practices typescript

RedwoodJS: The Full-Stack React App Framework of Your Dreams

React Summit Remote Edition 2021

43 min

RedwoodJS: The Full-Stack React App Framework of Your Dreams

Top Content

Tom Preston-Werner

GitHub cofounder, RedwoodJS author

Redwood JS is a full stack React app framework that simplifies development and testing. It uses a directory structure to organize code and provides easy data fetching with cells. Redwood eliminates boilerplate and integrates Jest and Storybook. It supports pre-rendering and provides solutions for authentication and deployment. Redwood is a cross-client framework that allows for building web and mobile applications without duplicating work.

jamstack fullstack frameworks redwoodjs react full stack framework

Making Magic: Building a TypeScript-First Framework

TypeScript Congress 2023

31 min

Making Magic: Building a TypeScript-First Framework

Top Content

Daniel Roe

Leads the Nuxt core team

Daniel Rowe discusses building a TypeScript-first framework at TypeScript Congress and shares his involvement in various projects. Nuxt is a progressive framework built on Vue.js, aiming to reduce friction and distraction for developers. It leverages TypeScript for inference and aims to be the source of truth for projects. Nuxt provides type safety and extensibility through integration with TypeScript. Migrating to TypeScript offers long-term maintenance benefits and can uncover hidden bugs. Nuxt focuses on improving existing tools and finds inspiration in frameworks like TRPC.

typescript frameworks vue nuxt.js deep dive builders and founders

Stop Writing Your Routes

Vue.js London 2023

30 min

Stop Writing Your Routes

Top Content

Eduardo San Martin Morote

Vue.js Core Team

Designing APIs is a challenge, and it's important to consider the language used and different versions of the API. API ergonomics focus on ease of use and trade-offs. Routing is a misunderstood aspect of API design, and file-based routing can simplify it. Unplugging View Router provides typed routes and eliminates the need to pass routes when creating the router. Data loading and handling can be improved with data loaders and predictable routes. Handling protected routes and index and ID files are also discussed.

typescript vue 3 typescript libraries

Workshops on related topic

React, TypeScript, and TDD

React Advanced 2021

174 min

React, TypeScript, and TDD

Top Content

Featured Workshop

Paul Everitt

ReactJS is wildly popular and thus wildly supported. TypeScript is increasingly popular, and thus increasingly supported.

The two together? Not as much. Given that they both change quickly, it's hard to find accurate learning materials.

React+TypeScript, with JetBrains IDEs? That three-part combination is the topic of this series. We'll show a little about a lot. Meaning, the key steps to getting productive, in the IDE, for React projects using TypeScript. Along the way we'll show test-driven development and emphasize tips-and-tricks in the IDE.

react best practices typescript devtools web development test driven development react

Mastering advanced concepts in TypeScript

React Summit US 2023

132 min

Mastering advanced concepts in TypeScript

Top Content

Featured WorkshopFree

Jiri Lojda

TypeScript is not just types and interfaces. Join this workshop to master more advanced features of TypeScript that will make your code bullet-proof. We will cover conditional types and infer notation, template strings and how to map over union types and object/array properties. Each topic will be demonstrated on a sample application that was written with basic types or no types at all and we will together improve the code so you get more familiar with each feature and can bring this new knowledge directly into your projects.
You will learn:- - What are conditional types and infer notation- What are template strings- How to map over union types and object/array properties.

typescript devtools typescript libraries

Deep TypeScript Tips & Tricks

Node Congress 2024

83 min

Deep TypeScript Tips & Tricks

Top Content

Featured Workshop

Josh Goldberg

TypeScript has a powerful type system with all sorts of fancy features for representing wild and wacky JavaScript states. But the syntax to do so isn't always straightforward, and the error messages aren't always precise in telling you what's wrong. Let's dive into how many of TypeScript's more powerful features really work, what kinds of real-world problems they solve, and how to wrestle the type system into submission so you can write truly excellent TypeScript code.

typescript

Best Practices and Advanced TypeScript Tips for React Developers

React Advanced 2022

148 min

Best Practices and Advanced TypeScript Tips for React Developers

Top Content

Featured Workshop

Maurice de Beijer

Are you a React developer trying to get the most benefits from TypeScript? Then this is the workshop for you.In this interactive workshop, we will start at the basics and examine the pros and cons of different ways you can declare React components using TypeScript. After that we will move to more advanced concepts where we will go beyond the strict setting of TypeScript. You will learn when to use types like any, unknown and never. We will explore the use of type predicates, guards and exhaustive checking. You will learn about the built-in mapped types as well as how to create your own new type map utilities. And we will start programming in the TypeScript type system using conditional types and type inferring.

react typescript react with typescript best practices

Free webinar: Building Full Stack Apps With Cursor

Productivity Conf for Devs and Tech Leaders

71 min

Free webinar: Building Full Stack Apps With Cursor

Top Content

WorkshopFree

Mike Mikula

In this webinar I’ll cover a repeatable process on how to spin up full stack apps in Cursor. Expect to understand techniques such as using GPT to create product requirements, database schemas, roadmaps and using those in notes to generate checklists to guide app development. We will dive further in on how to fix hallucinations/ errors that occur, useful prompts to make your app look and feel modern, approaches to get every layer wired up and more! By the end expect to be able to run your own ai generated full stack app on your machine!

fullstack artificial intelligence

Developing Dynamic Blogs with SvelteKit & Storyblok: A Hands-on Workshop

JSNation 2023

174 min

Developing Dynamic Blogs with SvelteKit & Storyblok: A Hands-on Workshop

Top Content

WorkshopFree

2 authors

This SvelteKit workshop explores the integration of 3rd party services, such as Storyblok, in a SvelteKit project. Participants will learn how to create a SvelteKit project, leverage Svelte components, and connect to external APIs. The workshop covers important concepts including SSR, CSR, static site generation, and deploying the application using adapters. By the end of the workshop, attendees will have a solid understanding of building SvelteKit applications with API integrations and be prepared for deployment.

web development fullstack ssr svelte