Fullstack React GraphQL TypeScript Tutorial

What people said

Strong rec Tom Bombadil · 2020-08 · Stack Overflow · on “Material-ui conditionally disabled radio”

@Young I'm happy you learned something new from the answer. Also, if you want to take your programming to the next level, start off with Typescript -> [LINK] He's a very good teacher. Also, Ben -> [this video] for fullstack development. Wish you the best.

Recommends Enfield Li · 2022-03 · Stack Overflow · on “React: reset password send email with reset password link to reset the password”

In order to implement this kind of logic, all you need is a mailing service, to send email to client's email address, and in it, you can supply the forgot password page page/Url for client to submit new password. And there's a open source project that can auto send email and serve the purpose: go take a look at Nodemailer doc [LINK] or their github repo [LINK] Youtuber Ben has a section of video specifically solves this problem: Fullstack React GraphQL TypeScript Tutorial [this video]

Recommends Lugen · 2023-03 · Stack Overflow · on “Redis throws new error everytime i try to fix something”

video-https: [this video] around 1:45:00 timestamp he uses redis the first error i got was Redisstore cannot be invoked without new keyword i used as mentioned above "connectRedis(session)" and then used new keyword in definning the store property of session and trying to fix that i managed to brin in more errors

Cites Laaden · 2020-08 · Stack Overflow · on “Mikro-orm error: password authentication failed for user "postgres"”

I'm trying to code along this React GraphQL TypeScript tutorial [this video] The project uses MikroOrm to communicate with a PostgreSQL database. I have PostgreSQL(12.4) installed on my Ubuntu 18.04, created a "postgres" user and I can log in to the user and run psql without any problems. However, when I start using mikro-orm commands like npx mikro-orm migration:create ( video timestamp [this video] ), I get the following error: error: password authentication failed for user "postgres" at Parser.parseErrorMessage (/home/<username>/newstack/node_modules/pg-protocol/src/parser.ts:357:11) at Parser.handlePacket (/home/<username>/newstack/node_modules/pg-protocol/src/parser.ts:186:21) at Parser.parse (/h

Cites Baheya · 2020-10 · Stack Overflow · on “Issues deploying monorepo containing Next.js + Express app to Heroku”

I am following Ben Awad's wonderful tutorial [this video] to build a fullstack app using Next.js, Express, Typescript, and GraphQL. Everything works smoothly locally, but I have run into a barrage of issues trying to deploy to Heroku. I would really like to deploy both server and client to Heroku as one app, and have Express serve the frontend files as well as be the backend. monorepo - web - package.json - server - package.json package.json To my understanding, this is possible using Next's custom server option, which I have integrated in my server.js file. My problem is when deploying to Heroku, it doesn't detect React as a dependency for the backend so while the deploy succeeds, the app crashe

Cites Elisha Patterson · 2020-10 · Stack Overflow · on “Connecting MikroORM migration with Postgresql? npx command is failing. What am I missing?”

I'm having a similar issue as described here [LINK] . Following Ben Awad's YouTube tutorial: see here for where [this video] I am in the tutorial. Goal : Run npx mikro-orm migration:create to create a Mikro ORM migration as shown in the tutorial. What I did so far : I was able to setup Postgres 13 and connect via the psql CLI (SQL Shell) and the pgAdmin tool. But when I run the npx mikro-orm migration:create in my VS Code terminal, I get: error: password authentication failed for user "postgres" at Parser.parseErrorMessage (C:\EJdesktop\Web Dev\playground\reddit-server\node_modules\pg-protocol\src\parser.ts:357:11) at Parser.handlePacket (C:\EJdesktop\Web Dev\playground\reddit-server\node_modules

Cites nonethewiser · 2021-04 · Stack Overflow · on “I want to init mikroConfig to MikroORM with typescript and i got this error message”

From Ben Awad's "Fullstack React GraphQL TypeScript Tutorial." [this video] Thank you for posting - I was getting tripped up on this as well.

Cites eliastouil · 2021-07 · Stack Overflow · on “UnhandledPromiseRejectionWarning: Error: You must `await server.start()` before calling `server.applyMiddleware()` at ApolloServer”

I faced this issue when upgrading Ben Awad's Graphql-Next-Typeorm[...] stack [this video] , simply adding an await to server start fixed the warnings const apolloServer = new ApolloServer({ introspection: true, schema: await buildSchema({ resolvers: [__dirname + '/resolvers/**/*.js'], validate: false }), context: ({ req, res }) => ({ req, res, redis: redisClient }), formatError }); // added this line await apolloServer.start(); apolloServer.applyMiddleware({ app, cors: false });

Cites Hayden Rieder · 2021-07 · Stack Overflow · on “Error: Body must be a string. Received: { resolvers: [[function HelloResolver]], validate: false } when using Type-graphql and apollo-server-express”

I have been following this full-stack tutorial by Ben Awad [this video] and when he added a resolver to the schema, everything went well, but when I tried the exact same code I get the error above. I am using graphql 15.5.1 and type-graphql 1.1.1 with apollo-server-express version 2.25.2. My code looks like this: import {Query, Resolver} from "type-graphql"; @Resolver() export class HelloResolver { @Query(() => Number) hello() { return 5; } } import { ApolloServer } from "apollo-server-express"; import { buildSchema } from "graphql"; import {HelloResolver} from "./resolvers/hello"; const express = require('express'); const PORT : number = Number(process.env.PORT) || 3000; const main = async () =>

Cites CWYOO · 2021-07 · Stack Overflow · on “Error.. [ERR_REQUIRE_ESM]: Must use import to load ES Module”

These are my codes. index.ts import { MikroORM } from "@mikro-orm/core" import { __prod__ } from "./constants"; import { Post } from "./entities/Post"; import microConfig from "./mikro-orm.config"; const main = async () => { const orm = await MikroORM.init(microConfig); const post = orm.em.create(Post, {title: "my first post"}); await orm.em.persistAndFlush(post); console.log("--------------sql2---------------"); await orm.em.nativeInsert(Post, {title:"my first Post 2"}); }; main().catch((err) => { console.log(err); }); mikro-orm.config.ts import { __prod__ } from "./constants"; import { Post } from "./entities/Post"; import { MikroORM } from "@mikro-orm/core"; import path from "path"; expor