All Projects → servrox → nx-ng-nest-universal

servrox / nx-ng-nest-universal

Licence: other
Nx Workspace with a seperated Nest App for Angular Universal SSR.

Programming Languages

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

Projects that are alternatives of or similar to nx-ng-nest-universal

Ng Universal
Angular Universal module for Nest framework (node.js) 🌷
Stars: ✭ 336 (+950%)
Mutual labels:  server-side-rendering, nest, nestjs
server-next
😎 The next generation of RESTful API service and more for Mix Space, powered by @nestjs.
Stars: ✭ 43 (+34.38%)
Mutual labels:  nest, nestjs
teanjs
🔥 TypeORM - Express - Angular 8 - NestJS Server Side Rendering (SSR) 😺
Stars: ✭ 62 (+93.75%)
Mutual labels:  ssr, nestjs
serverless-core-deprecated
[Deprecated] Serverless Core module for Nest framework (node.js) 🦊
Stars: ✭ 169 (+428.13%)
Mutual labels:  nest, nestjs
vue-ssr-starter
Starter kit for projects with Webpack 4, Vue 2 and SSR
Stars: ✭ 53 (+65.63%)
Mutual labels:  ssr, server-side-rendering
ssr-starter-pack
Moved to https://github.com/Brigad/ssr-starter-pack
Stars: ✭ 12 (-62.5%)
Mutual labels:  ssr, server-side-rendering
dothq.co
This repository has moved to:
Stars: ✭ 17 (-46.87%)
Mutual labels:  nest, nestjs
Firstsight
前后端分离,服务端渲染的个人博客,基于 Nodejs、 Vue、 Nuxt、Nestjs、PostgreSQL、Apollo
Stars: ✭ 19 (-40.62%)
Mutual labels:  nest, nestjs
nestlogger
Logger library for NestJs services
Stars: ✭ 28 (-12.5%)
Mutual labels:  nest, nestjs
mapped-types
Configuration module for Nest framework (node.js) 🐺
Stars: ✭ 192 (+500%)
Mutual labels:  nest, nestjs
nest-blog-api
B站全栈之巅:基于TypeScript的NodeJs框架:NestJs开发博客API (node.js+nest.js)
Stars: ✭ 34 (+6.25%)
Mutual labels:  nest, nestjs
axios
Axios module for Nest framework (node.js) 🗂
Stars: ✭ 95 (+196.88%)
Mutual labels:  nest, nestjs
webpack-isomorphic-compiler
A compiler that makes your life easier if you are building isomorphic webpack powered apps, that is, single page applications with server-side rendering
Stars: ✭ 16 (-50%)
Mutual labels:  ssr, server-side-rendering
nestjs-toolbox
The repository contains a suite of components and modules for Nest.js
Stars: ✭ 166 (+418.75%)
Mutual labels:  nest, nestjs
necord
🤖 A module for creating Discord bots using NestJS, based on Discord.js
Stars: ✭ 77 (+140.63%)
Mutual labels:  nest, nestjs
angular-pwa
Angular 13 Example Progressive Web App (PWA)
Stars: ✭ 45 (+40.63%)
Mutual labels:  ssr, server-side-rendering
SSR-React-Using-Serverless
SSR-React Using Serverless(aws)
Stars: ✭ 34 (+6.25%)
Mutual labels:  ssr, server-side-rendering
react-coat-ssr-demo
Demo with Typescript + React + Redux for server-side-rendering (SSR)
Stars: ✭ 100 (+212.5%)
Mutual labels:  ssr, server-side-rendering
elegant-react-ssr
Server-side rendering with create-react-app, React Router v4, Helmet, Redux, and Thunk boilerplate, without ejecting CRA
Stars: ✭ 16 (-50%)
Mutual labels:  ssr, server-side-rendering
nestjs-redis
Redis(ioredis) module for NestJS framework
Stars: ✭ 112 (+250%)
Mutual labels:  nest, nestjs

Nx Workspace with Angular Universal via Nest

This project was generated using Nx. It currently includes an Angular App with server side rendering (SSR) via Nest.

master branch -> nx workspace with two apps (angular + nest) -> Step 1. - 6.
single-app branch -> nx workspace with single app (angular) -> Step 1. - 4.



Steps to Reproduce

1. Create Nx Workspace

npx create-nx-workspace nx-ng-nest-universal --npm-scope=ss --style=scss

2. Generate Angular App

ng g app ng-test-app --prefix=ss-test --routing=true --style=scss

3. Add Angular Universal module for Nest

ng add @nestjs/ng-universal --clientProject=ng-test-app --project=ng-test-app

4. Adjustments to make everything work. (s. Commit)

1. rimraf yarn.lock && npm i (to avoid packages conflicts)
2. Fix fileReplacements for ng-test-app:server:production in angular.json
3. Edit webpack.server.config.js

✔️ Nx App + SSR working. Move on if you want to have nest as a seperated app in your workspace.


5. Generate Nest App

ng g node-app nest-test-app --framework=nestjs

6. Adjustments to use the freshly generated Nest App for SSR (s. Commit)

1. Mainly move and edit generated files from Step 3
2. Add @nestjs/ng-universal to nest app in workspace

✔️ Nx Workspace with seperated Nest App for SSR working.


Getting Started (Build and Serve)

> git clone https://github.com/servrox/nx-ng-nest-universal.git
> cd nx-ng-nest-universal\
> npm i

npm run build:ssr && npm run serve:ssr

> npm run go

or for development

> npm run serve

UI at http://localhost:4000/
API at http://localhost:4000/api


Built With

Authors

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