Skip to content

Monorepo, Angular UI with Material, custom CSS Setup and Typescript, NestJs API and Prettier-Config

Notifications You must be signed in to change notification settings

ChristopherNeuwirth/prototype-starter

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

96 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

New Project Starter Monorepo

This project is a starter to kickstart prototype and spa development with a middleware and mongodb setup. Waste no time setup up a boilerplate instead put the energy in realizing your idea not wasting it into seting things up.

⚠️ NestJs is not deployable at Netlify at the moment so currently its neccessary to use netlify for ui deployment and zeit.co for api deployment.

The project uses a monorepo approach and contains the sources for the ui and the api.

Netlify Monorepo

UI

The ui uses Angular as framework. It is already set up with environment variables, Typescript, Prettier, Material Design, Router and useful custom, global SCSS Mixins.

./ui

Check out a live version running.

API

The api uses NestJs and works with the Zeit.co Functions, a wrapper for AWS Lambda functions. It also is packed with Typescript, Prettier and Hot Module Replacement for Development.

./api

Check out a live version running:

curl https://nestjs-now.capbb.now.sh

Start Development and Deployment

  • Clone this project and create GitHub repository.
  • Create a Netlify Account and connect your GitHub account.
  • Create a site at Netlify
  • Create a Zeit.co Account
  • create a MongoDB Atlas Account

UI Settings

Build & Deployment

  • Base directory: ui
  • Build command: npm run build
  • Publish directory: ui/dist/starter-ui

API Settings

Build & Deployment

  • Add the secrets recquired for db connection under a local .env file in the root of api (see an example in .env.example)
  • Add the secrets to zeit.co, eg: now secrets add DATABASE_PASSWORD <PASSWORD>
  • Deploy by npm run deploy

Todos and Ideas

  • Make NestJs work with Netlify
  • Security: /protected route is protected by guard
  • Security: /secure api uri is protected by api guard

About

Monorepo, Angular UI with Material, custom CSS Setup and Typescript, NestJs API and Prettier-Config

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published