All Projects → troysandal → nextjs-typescript-express-boilerplate

troysandal / nextjs-typescript-express-boilerplate

Licence: MIT License
A next.js boilerplate app with Typescript and an Express API server

Programming Languages

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

Projects that are alternatives of or similar to nextjs-typescript-express-boilerplate

Notion Clone
Stars: ✭ 2,048 (+6726.67%)
Mutual labels:  nextjs, expressjs
Next Routes Middleware
Universal Lambda Routing
Stars: ✭ 37 (+23.33%)
Mutual labels:  nextjs, expressjs
Next Express Bootstrap Boilerplate
⚡️ JavaScript boilerplate for a full stack app built using React.js, Next.js, Express.js, react-bootstrap, SCSS and full SSR with eslint.
Stars: ✭ 102 (+240%)
Mutual labels:  nextjs, expressjs
Next Apollo Auth
Authentication Boilerplate with Next.js and Apollo GraphQL
Stars: ✭ 159 (+430%)
Mutual labels:  nextjs, expressjs
Builderbook
Open source web application to learn JS stack: React, Material-UI, Next.js, Node.js, Express.js, Mongoose, MongoDB database.
Stars: ✭ 3,015 (+9950%)
Mutual labels:  nextjs, expressjs
uploading-files-react-node
Uploading files with React.js and Node.js
Stars: ✭ 33 (+10%)
Mutual labels:  nextjs, expressjs
faeshare
MERN based social media web app made with the help of Next.js, Socket.io and TailwindCSS.
Stars: ✭ 37 (+23.33%)
Mutual labels:  nextjs, expressjs
cafecito
Cafecito es un proyecto hecho en Next.JS con Express.JS y MongoDB para recibir cafés ☕️ a modo de donaciones.
Stars: ✭ 95 (+216.67%)
Mutual labels:  nextjs, expressjs
epic-react-exercises
Practical React exercises with detailed solutions.
Stars: ✭ 126 (+320%)
Mutual labels:  nextjs
node-express-rest-api-example
A Basic Node.js/Express REST API implementation example
Stars: ✭ 40 (+33.33%)
Mutual labels:  expressjs
javelin
❤️ app to arrange notes in columns
Stars: ✭ 18 (-40%)
Mutual labels:  nextjs
next-with-ts
Next.js for boiler plate to easy development.
Stars: ✭ 22 (-26.67%)
Mutual labels:  nextjs
encryptlab
🔑 Comprehensive (and free) list of encryption and decryption in Node.js.
Stars: ✭ 80 (+166.67%)
Mutual labels:  expressjs
scriptified.dev
A weekly newsletter with insightful tips, tools, resources & more on React and JavaScript. Made with NextJS && TailwindCSS. Curated by @gupta-ji6 && @prateek3255.
Stars: ✭ 18 (-40%)
Mutual labels:  nextjs
heroku-nextjs-build
Heroku build adapter for Next.js (an npm module)
Stars: ✭ 12 (-60%)
Mutual labels:  nextjs
deepword
Web editor based on Monaco
Stars: ✭ 25 (-16.67%)
Mutual labels:  expressjs
nativesintech.org
The repository for the Natives in Tech website
Stars: ✭ 37 (+23.33%)
Mutual labels:  nextjs
next-page-tester
DOM integration testing for Next.js
Stars: ✭ 566 (+1786.67%)
Mutual labels:  nextjs
wefootwear-store
next js footwear store e-commerce 🚀🚀🚀
Stars: ✭ 17 (-43.33%)
Mutual labels:  nextjs
notion-nextjs-blog
A starter blog template powered by Next.js, Notion and Tailwind CSS.
Stars: ✭ 25 (-16.67%)
Mutual labels:  nextjs

Next.js + Typescript + Express Server

While evaluating next.js for building apps I wanted a starting point that included an Express server for the API and Typescript as the primary language instead of Javascript. This project is the boilerplate for that app.

You can deploy this app either to Zeit via the now command or to Heroku.

Features

  • next.js
  • Typescript
  • Express API Server
  • Static file serving
  • Mocha Tests

Running

Dev Server

npm i
npm run dev

Production Server

npm i
npm run build
npm run start

Notes

  • We might need to use this .babelrc though I swear I read it's been fixed and our current
  • Great write up on creating babel7/typescript app
  • To fix TS2339:Property 'jsx' does not exist on type 'DetailedHTMLProps<StyleHTMLAttributes, HTMLStyleElement>'. From npm i --save-dev @types/styled-jsx
  • SASS Support - Might want to use it vs styled-jsx

MIT License

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].