REMIX Stack Sample App

This stack includes React, TypeScript, and Tailwind and MongoDB with the native JavaScript driver for the data persistence layer

Richa Deshpande avatar
Written by Richa Deshpande
Updated over a week ago

About the MongoDB-Remix stack

Remix uses stacks of technology to help you get started with your projects. This stack, similar to others provided by the Remix team, includes React, TypeScript, and Tailwind. As for the data persistence layer, it uses MongoDB with the native JavaScript driver.

Find out more in the article in the MongoDB Dev Center.

Requirements

Create a new Remix application using this template.

npx create-remix@latest --template mongodb-developer/remix

Getting started

In the root folder of the project, create a .env file. In this file, you will need to add your connection string. Check out the docs to learn how to get your connection string with Atlas.

CONNECTION_STRING=<Your Atlas Connection String>

Run a first build, and then start the development environment.

npm run build npm run dev

Open your browser on http://localhost:3000, and start exploring your new application.

Did this answer your question?