All Projects → danybeltran → nextjs-typescript-and-mongodb

danybeltran / nextjs-typescript-and-mongodb

Licence: other
NextJS template for development with MongoDB.

Programming Languages

typescript
32286 projects
javascript
184084 projects - #8 most used programming language
CSS
56736 projects

Projects that are alternatives of or similar to nextjs-typescript-and-mongodb

tailwind-dashboard-windster
Free and open-source admin dashboard interface built on top of Tailwind CSS and Flowbite
Stars: ✭ 681 (+3905.88%)
Mutual labels:  tailwind
React-TypeScript-Boilerplate-Example
React + TypeScript + Redux Boilerplate Example
Stars: ✭ 18 (+5.88%)
Mutual labels:  react-template
tailwindcss-dash-docset
TailwindCSS Dash Docset, built with the Dash Docset Builder in PHP. We needed it. 🌈️
Stars: ✭ 37 (+117.65%)
Mutual labels:  tailwind
vurtify
Laravel 8 boilerplate project with Fortify + Vue 3 + Bootstrap 5
Stars: ✭ 61 (+258.82%)
Mutual labels:  tailwind
angular-material-starter-template
🍄 Angular 14 boilerplate that comes with Material-UI, Tailwind3, Purgecss, Jest & Cypress Support, Optimal project structure & Interceptor inspired from popular blogs, source map analyzer tools, husky, all pre-configured and much more...
Stars: ✭ 104 (+511.76%)
Mutual labels:  tailwind
bootstrap-tailwind-breakpoints
A tiny little thing that helps you keep track of your break points.
Stars: ✭ 19 (+11.76%)
Mutual labels:  tailwind
tailwindcss-background-extended
All of the missing background utilities for Tailwind CSS.
Stars: ✭ 25 (+47.06%)
Mutual labels:  tailwind
tailwind-shift
⚙️ Shift to the next TailwindCSS version hassle-free.
Stars: ✭ 114 (+570.59%)
Mutual labels:  tailwind
shopify-slater-tailwindcss
Shopify Starter Theme + TailwindCSS with PurgeCSS
Stars: ✭ 40 (+135.29%)
Mutual labels:  tailwind
black-dashboard
Elegant black dashboard
Stars: ✭ 43 (+152.94%)
Mutual labels:  tailwind
react-social-network-v1
Simple React Social Network, built with React,Node,Express,MongoDB and Tailwind
Stars: ✭ 30 (+76.47%)
Mutual labels:  tailwind
tailwind-spotify
Spotify UI built using TailwindCSS and VueJS
Stars: ✭ 36 (+111.76%)
Mutual labels:  tailwind
electron-vite-tailwind-starter
This Starter utilizes Electron, Vite and Tailwindcss in combination. It trys to adhare best practices.
Stars: ✭ 141 (+729.41%)
Mutual labels:  tailwind
samuelkraft-next
My personal website written with Next.js, Typescript, MDX, Tailwind
Stars: ✭ 250 (+1370.59%)
Mutual labels:  tailwind
tailwind
Website clones/examples using Tailwind CSS.
Stars: ✭ 49 (+188.24%)
Mutual labels:  tailwind
plugins
Collection of plugins for Windi CSS.
Stars: ✭ 64 (+276.47%)
Mutual labels:  tailwind
create-nuxt-tailwind-app
[DEPRECATED] Use create-nuxt-app, they added full tailwindcss & purgecss support
Stars: ✭ 32 (+88.24%)
Mutual labels:  tailwind
ngx-tailwind
💨 Simple Angular schematic that initializes Tailwind CSS in your project and adds a custom webpack config to your build process.
Stars: ✭ 120 (+605.88%)
Mutual labels:  tailwind
portfolio
This is my portfolio which is also a template. Feel free to fork, star, and use it.
Stars: ✭ 86 (+405.88%)
Mutual labels:  tailwind
dsmtech
🚀 The best tech companies and startups in the Greater Des Moines area.
Stars: ✭ 21 (+23.53%)
Mutual labels:  tailwind

NextJS setup with TS and MongoDB

And tailwind:)

This is something I built as I am new to NextJS, a NextJS app with its serverless backend with MongoDB. Kind of a template I can use for quickly bootstrap new NextJS projects. It also has Tailwind configured with Postcss:)

Clone/(Download as zip) this repo, then:

npm install

or

yarn install

When starting the dev server, pass an env. variable with the URI for the MongoDB connection.

MONGO_URI="my-mongodb-uri" npm run dev

Since serverless doesn't save variables after an api call, you need to create the connection inside each request, calling the function connectToDatabase that is inside utils.

And you are ready to go:)

(It has an example using Typescript with Mongoose models and in the api handlers)

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].