Realm web app for the Jumpstart YouTube course
Serverless Functions Explained: MongoDB Realm Backend as a service
npx create-next-app -e with-tailwindcss .
Need to install the following packages:
create-next-app
Ok to proceed? (y) y
Creating a new Next.js app in /mnt/volume_nyc1_01/realm-store-web.
Downloading files for example with-tailwindcss. This might take a moment.
Installing packages. This might take a couple of minutes.
added 116 packages, and audited 117 packages in 12s
21 packages are looking for funding
run `npm fund` for details
found 0 vulnerabilities
Initialized a git repository.
Success! Created realm-store-web at realm-store-web
Inside that directory, you can run several commands:
npm run dev
Starts the development server.
npm run build
Builds the app for production.
npm start
Runs the built app in production mode.
We suggest that you begin by typing:
npm run dev
Install realm-web
npm i realm-web
Next.js + Tailwind CSS Example
This example shows how to use Tailwind CSS (v3.0) with Next.js. It follows the steps outlined in the official Tailwind docs.
Preview
Preview the example live on StackBlitz:
Deploy your own
Deploy the example using Vercel:
How to use
Execute create-next-app
with npm or Yarn to bootstrap the example:
npx create-next-app --example with-tailwindcss with-tailwindcss-app
# or
yarn create next-app --example with-tailwindcss with-tailwindcss-app
Deploy it to the cloud with Vercel (Documentation).