lewebsimple · January 19, 2024 16:14 · Jan 30, 2020 · Jan 30, 2020 · Jan 30, 2020 · Jan 30, 2020
diff --git a/nuxtjs-nestjs.md b/nuxtjs-nestjs.md
@@ -439,10 +439,11 @@ import { envConfig } from '@nuxtnest/shared';
 console.log(envConfig.serverPort);
 ```
 
-# TypeGraphQL configuration
+# TypeGraphQL
 
 Inside `packages/server`, we install the necessary packages
 
 ```
 yarn add @nestjs/graphql apollo-server-express graphql-tools graphql type-graphql
-```
+```
+
diff --git a/nuxtjs-nestjs.md b/nuxtjs-nestjs.md
@@ -6,7 +6,8 @@ This is my take on fullstack development using [NuxtJS](https://nuxtjs.org) and
 - [x] Minimal NestJS server
 - [x] Minimal NuxtJS client
 - [x] Environment configuration
-- [ ] TypeGraphQL / TypeORM configuration
+- [ ] TypeGraphQL
+- [ ] TypeORM / MySQL
 - [ ] HTTP proxy middleware
 - [ ] Apollo Client
 - [ ] User datamodel, queries and mutations
@@ -438,5 +439,10 @@ import { envConfig } from '@nuxtnest/shared';
 console.log(envConfig.serverPort);
 ```
 
-# TypeGraphQL / TypeORM configuration
+# TypeGraphQL configuration
 
+Inside `packages/server`, we install the necessary packages
+
+```
+yarn add @nestjs/graphql apollo-server-express graphql-tools graphql type-graphql
+```
diff --git a/nuxtjs-nestjs.md b/nuxtjs-nestjs.md
@@ -439,3 +439,4 @@ console.log(envConfig.serverPort);
 ```
 
 # TypeGraphQL / TypeORM configuration
+
diff --git a/nuxtjs-nestjs.md b/nuxtjs-nestjs.md
@@ -437,3 +437,5 @@ Then we can import from anywhere using:
 import { envConfig } from '@nuxtnest/shared';
 console.log(envConfig.serverPort);
 ```
+
+# TypeGraphQL / TypeORM configuration
diff --git a/nuxtjs-nestjs.md b/nuxtjs-nestjs.md
@@ -6,7 +6,7 @@ This is my take on fullstack development using [NuxtJS](https://nuxtjs.org) and
 - [x] Minimal NestJS server
 - [x] Minimal NuxtJS client
 - [x] Environment configuration
-- [ ] TypeGraphQL / TypeORM
+- [ ] TypeGraphQL / TypeORM configuration
 - [ ] HTTP proxy middleware
 - [ ] Apollo Client
 - [ ] User datamodel, queries and mutations

diff --git a/nuxtjs-nestjs.md b/nuxtjs-nestjs.md
@@ -6,7 +6,7 @@ This is my take on fullstack development using [NuxtJS](https://nuxtjs.org) and
 - [x] Minimal NestJS server
 - [x] Minimal NuxtJS client
 - [x] Environment configuration
-- [ ] GraphQL service based on Prisma2 / Nexus
+- [ ] TypeGraphQL / TypeORM
 - [ ] HTTP proxy middleware
 - [ ] Apollo Client
 - [ ] User datamodel, queries and mutations

diff --git a/nuxtjs-nestjs.md b/nuxtjs-nestjs.md
@@ -425,7 +425,13 @@ export const envConfig: EnvConfig = {
 };
 ```
 
-To use our new package from elsewhere in the project:
+To use our new package from elsewhere in the project, we first need to link the dependencies using Lerna (from the root of the project):
+
+```
+lerna bootstrap
+```
+
+Then we can import from anywhere using:
 
 ```
 import { envConfig } from '@nuxtnest/shared';

diff --git a/nuxtjs-nestjs.md b/nuxtjs-nestjs.md
@@ -395,7 +395,7 @@ We want our environment configuration to have the following features:
 * Values stored inside the `.env` file at the root of the project
 * Values can be overridden by system environment variables
 * Sensible default values whenever possible (required otherwise)
-* Throw an error when required value is missing
+* Throw an error when a required value is missing
 
 We'll use [dotenv](https://www.npmjs.com/package/dotenv) and [env-var](https://www.npmjs.com/package/env-var) to help us achieve this:
 

diff --git a/nuxtjs-nestjs.md b/nuxtjs-nestjs.md
@@ -381,7 +381,7 @@ Like before, we create `tsconfig.json` to configure TypeScript:
 }
 ```
 
-We use TypeScript watch mode (`tsc -w`) and we don't define a `start` script since this package is not to be executed.
+We use TypeScript watch mode (`tsc -w`) for `dev` and we don't define a `start` script since this package is not to be executed.
 
 Also, since we might need to share code for other purposes, we'll use `src/index.ts` as an entry point for the package and export `envconfig.ts` from there:
 

diff --git a/nuxtjs-nestjs.md b/nuxtjs-nestjs.md
@@ -345,7 +345,6 @@ We won't create anything inside `pages/` for now as we only want to have a worki
 
 One of the advantages of using a monorepo is sharing code between packages, which can prove useful for defining common configuration values or secrets.
 
-
 Let's create a `shared` package for this purpose:
 
 ```

diff --git a/nuxtjs-nestjs.md b/nuxtjs-nestjs.md
@@ -310,11 +310,11 @@ We then configure TypeScript `tsconfig.json`:
 ```
 import { Configuration } from '@nuxt/types';
 
-const config: Configuration = {
+const nuxtConfig: Configuration = {
   buildModules: ['@nuxt/typescript-build'],
 };
 
-export default config;
+export default nuxtConfig;
 ```
 
 Finally we adjust `package.json` with the name prefix and scripts:

diff --git a/nuxtjs-nestjs.md b/nuxtjs-nestjs.md
@@ -249,7 +249,7 @@ yarn dev
 yarn build && yarn start
 ```
 
-Navigating to `http://localhost:4000` shoud bring up the standard 404 response from NestJS (we don't have any controller).
+Navigating to `http://localhost:4000` shoud bring up the standard 404 response from NestJS.
 
 ## Minimal NuxtJS client
 

diff --git a/nuxtjs-nestjs.md b/nuxtjs-nestjs.md
@@ -249,7 +249,7 @@ yarn dev
 yarn build && yarn start
 ```
 
-Navigating to `http://localhost:4000` shoud bring up the standard 404 response from NestJS.
+Navigating to `http://localhost:4000` shoud bring up the standard 404 response from NestJS (we don't have any controller).
 
 ## Minimal NuxtJS client
 

diff --git a/nuxtjs-nestjs.md b/nuxtjs-nestjs.md
@@ -249,6 +249,8 @@ yarn dev
 yarn build && yarn start
 ```
 
+Navigating to `http://localhost:4000` shoud bring up the standard 404 response from NestJS.
+
 ## Minimal NuxtJS client
 
 Let's create our client package:

diff --git a/nuxtjs-nestjs.md b/nuxtjs-nestjs.md
@@ -175,7 +175,7 @@ Again, let's tweak the server's `package.json` for our needs:
   "name": "@nuxtnest/server",
   "version": "1.0.0",
   "private": true,
-  "main": "dist/index.js",
+  "main": "dist/main.js",
   "scripts": {
     "dev": "ts-node-dev --no-notify --transpileOnly src/main.ts",
     "build": "tsc",

diff --git a/nuxtjs-nestjs.md b/nuxtjs-nestjs.md
@@ -20,7 +20,7 @@ We assume basic knowledge of [NodeJS](https://nodejs.org).
 
 ## Lerna monorepo
 
-We first install lerna globally, initialize a new git repository and turn it into a Lerna monorepo with independent versioning:
+We first install Lerna globally, initialize a new git repository and turn it into a monorepo with independent versioning:
 
 ```
 npm install --global lerna

diff --git a/nuxtjs-nestjs.md b/nuxtjs-nestjs.md
@@ -14,7 +14,7 @@ This is my take on fullstack development using [NuxtJS](https://nuxtjs.org) and
 - [ ] Server-side authorization guards
 - [ ] Buefy / SCSS
 - [ ] Form handling and validation
-- [ ] Login / Registration / Profile forms
+- [ ] Login / Registration / Profile forms
 
 We assume basic knowledge of [NodeJS](https://nodejs.org).
 

diff --git a/nuxtjs-nestjs.md b/nuxtjs-nestjs.md
@@ -5,7 +5,7 @@ This is my take on fullstack development using [NuxtJS](https://nuxtjs.org) and
 - [x] TypeScript linting and formatting
 - [x] Minimal NestJS server
 - [x] Minimal NuxtJS client
-- [ ] Environment configuration
+- [x] Environment configuration
 - [ ] GraphQL service based on Prisma2 / Nexus
 - [ ] HTTP proxy middleware
 - [ ] Apollo Client

diff --git a/nuxtjs-nestjs.md b/nuxtjs-nestjs.md
@@ -235,7 +235,7 @@ import { AppModule } from './app.module';
 
 async function bootstrap() {
   const app = await NestFactory.create(AppModule);
-  await app.listen(4000, 'localhost');
+  await app.listen(4000);
 }
 bootstrap();
 ```

diff --git a/nuxtjs-nestjs.md b/nuxtjs-nestjs.md
@@ -422,4 +422,11 @@ export const envConfig: EnvConfig = {
   clientPort: env.get('CLIENT_PORT', '3000').asPortNumber(),
   serverPort: env.get('SERVER_PORT', '4000').asPortNumber(),
 };
-```
+```
+
+To use our new package from elsewhere in the project:
+
+```
+import { envConfig } from '@nuxtnest/shared';
+console.log(envConfig.serverPort);
+```
diff --git a/nuxtjs-nestjs.md b/nuxtjs-nestjs.md
@@ -406,6 +406,7 @@ yarn add -D @types/dotenv
 As a starting point, let's define client / server port numbers. For such a configuration, our `envconfig.ts` file would look something like this:
 
 ```
+// src/envconfig.ts
 import * as env from 'env-var';
 import { config } from 'dotenv';
 import { resolve } from 'path';

diff --git a/nuxtjs-nestjs.md b/nuxtjs-nestjs.md
@@ -403,3 +403,22 @@ yarn add dotenv env-var
 yarn add -D @types/dotenv
 ```
 
+As a starting point, let's define client / server port numbers. For such a configuration, our `envconfig.ts` file would look something like this:
+
+```
+import * as env from 'env-var';
+import { config } from 'dotenv';
+import { resolve } from 'path';
+
+config({ path: resolve(__dirname, '../../../.env') });
+
+export interface EnvConfig {
+  clientPort: number;
+  serverPort: number;
+}
+
+export const envConfig: EnvConfig = {
+  clientPort: env.get('CLIENT_PORT', '3000').asPortNumber(),
+  serverPort: env.get('SERVER_PORT', '4000').asPortNumber(),
+};
+```
diff --git a/nuxtjs-nestjs.md b/nuxtjs-nestjs.md
@@ -396,7 +396,7 @@ We want our environment configuration to have the following features:
 * Sensible default values whenever possible (required otherwise)
 * Throw an error when required value is missing
 
-We'll use [dotenv])(https://www.npmjs.com/package/dotenv) and [env-var](https://www.npmjs.com/package/env-var) to help us achieve this:
+We'll use [dotenv](https://www.npmjs.com/package/dotenv) and [env-var](https://www.npmjs.com/package/env-var) to help us achieve this:
 
 ```
 yarn add dotenv env-var

diff --git a/nuxtjs-nestjs.md b/nuxtjs-nestjs.md
@@ -380,16 +380,26 @@ Like before, we create `tsconfig.json` to configure TypeScript:
 }
 ```
 
+We use TypeScript watch mode (`tsc -w`) and we don't define a `start` script since this package is not to be executed.
+
+Also, since we might need to share code for other purposes, we'll use `src/index.ts` as an entry point for the package and export `envconfig.ts` from there:
+
+```
+// src/index.ts
+export * from './envconfig';
+```
+
 We want our environment configuration to have the following features:
 * Type-safe via `interface EnvConfig`
 * Values stored inside the `.env` file at the root of the project
 * Values can be overridden by system environment variables
 * Sensible default values whenever possible (required otherwise)
 * Throw an error when required value is missing
 
-Since we might need to share code for other purposes, we'll use `src/index.ts` as an entry point for the package and export from there:
+We'll use [dotenv])(https://www.npmjs.com/package/dotenv) and [env-var](https://www.npmjs.com/package/env-var) to help us achieve this:
 
 ```
-// src/index.ts
-export * from './envconfig';
-```
+yarn add dotenv env-var
+yarn add -D @types/dotenv
+```
+
diff --git a/nuxtjs-nestjs.md b/nuxtjs-nestjs.md
@@ -343,7 +343,8 @@ We won't create anything inside `pages/` for now as we only want to have a worki
 
 One of the advantages of using a monorepo is sharing code between packages, which can prove useful for defining common configuration values or secrets.
 
-Let's create a `shared` package to serve this purpose:
+
+Let's create a `shared` package for this purpose:
 
 ```
 mkdir packages/shared && cd packages/shared
@@ -385,3 +386,10 @@ We want our environment configuration to have the following features:
 * Values can be overridden by system environment variables
 * Sensible default values whenever possible (required otherwise)
 * Throw an error when required value is missing
+
+Since we might need to share code for other purposes, we'll use `src/index.ts` as an entry point for the package and export from there:
+
+```
+// src/index.ts
+export * from './envconfig';
+```
diff --git a/nuxtjs-nestjs.md b/nuxtjs-nestjs.md
@@ -385,7 +385,3 @@ We want our environment configuration to have the following features:
 * Values can be overridden by system environment variables
 * Sensible default values whenever possible (required otherwise)
 * Throw an error when required value is missing
-
-We want to define the environment configuration inside the `.env` file at the root of the project, which is excluded from source control since it might contain sensitive information.
-
-We also want to be able to override 
diff --git a/nuxtjs-nestjs.md b/nuxtjs-nestjs.md
@@ -383,7 +383,7 @@ We want our environment configuration to have the following features:
 * Type-safe via `interface EnvConfig`
 * Values stored inside the `.env` file at the root of the project
 * Values can be overridden by system environment variables
-* Sensible default values whenever possible, required otherwise
+* Sensible default values whenever possible (required otherwise)
 * Throw an error when required value is missing
 
 We want to define the environment configuration inside the `.env` file at the root of the project, which is excluded from source control since it might contain sensitive information.

diff --git a/nuxtjs-nestjs.md b/nuxtjs-nestjs.md
@@ -379,4 +379,13 @@ Like before, we create `tsconfig.json` to configure TypeScript:
 }
 ```
 
-We want to define the environment configuration inside the `.env` at the root of the project, which is excluded from source control since it might contain sensitive information.
+We want our environment configuration to have the following features:
+* Type-safe via `interface EnvConfig`
+* Values stored inside the `.env` file at the root of the project
+* Values can be overridden by system environment variables
+* Sensible default values whenever possible, required otherwise
+* Throw an error when required value is missing
+
+We want to define the environment configuration inside the `.env` file at the root of the project, which is excluded from source control since it might contain sensitive information.
+
+We also want to be able to override
Original file line number	Diff line number	Diff line change
		@@ -439,3 +439,4 @@ console.log(envConfig.serverPort);
		```

		# TypeGraphQL / TypeORM configuration
No results found