Background For your background information, we have our own defined auth guard named MagentoAuth (that interacts with Magento and issue our own tokens) and we have a sellerId which is just the user id. We self defined @CurrentSellerId() to get the sellerId for GQL from… Read More »[Startup MVP recipes #6] GraphQL Resolver inheritance and a CRUD base resolver with generics
Warning: we are using typeorm 0.3 and postgres for this tutorial This tutorial continues where we left in And let’s fill in the rest of generated boilerplate by nest-cli. The Read of CRUD Find queries are pretty straightforward: The Update of CRUD Define update DTO… Read More »[Startup MVP recipes #5.2] A simple resource generated by nest-cli then configured (part 2)
Preparation Install nest cli (globally) Install class-validator for custom validations. Generate the code Generate a resource, with generated CRUD endpoints (code first GraphQL) Set the name to users Select “GraphQL (code first)” Generate CRUD entry points? → Yes The generated code serves a good bare… Read More »[Startup MVP recipes #5.1] A simple resource generated by nest-cli then configured (part 1)
In this chapter we will add GraphQL module and set up an Apollo Studio playground to test a basic “Foo” resolver. Official doc is also recommended: https://docs.nestjs.com/graphql/quick-start https://docs.nestjs.com/graphql/resolvers Install NPM packages Add GraphQL Module to App Module (we are using code first approach) Create a… Read More »[Startup MVP recipes #4] GraphQL and a foo resolver
Credits to https://v.pincman.com/courses/64.html?chapter=1 Install NPM packages for dev This will raise many lint errors on existing files and please make sure to cleanup unused generated files like AppController AppService etc. And also resolve lint errors on existing files (e.g. lint error of default export). New… Read More »[Startup MVP Recipes #3] Nest.js Linting (ESLint, Prettier) supports
Intro We usually have different environments: local, dev, prod etc. (or test, staging..) Each of the environment has its own separate database, and connect to different services with different credentials. Environment variables are used to hide confidential information and to provide a layer of customization… Read More »[Startup MVP recipes #2] Nest.js + TypeORM config module and environment variables
Nest.js https://docs.nestjs.com/first-steps Install Nest.js CLI Init and run project Postgres Install Postgres on Mac (you can search for other ways of installing Postgres on different environments) (Optional) Download pgAdmin We can use pgAdmin to connect to local postgres and create new roles or databases locally.… Read More »[Startup MVP recipes #1] Nest.js local dev environment setup
We have been using Hasura graphql engine as a boostrap “backend” and recently we encountered a design problem: we need to generate a short url link e.g. https://findnbuy.me/s/w6IwufKj I followed this video as a starter tutorial https://www.youtube.com/watch?v=DdycuIVb2vI Actually the solution in the video needs some… Read More »[Dev] Generate short urls in Hasura
Today I made some minor UX tweaks and just took the code snippet as my dev notes as below. I forgot to add press Enter to submit form, so before this fix user need to hand on their mouse again and click the submit button… Read More »[Note] React Dev Notes: Enter to submit form and Input autofocus
In previous note, we set up GA and GTM; and we already could track page views in react with react-gtm-module. This time we will cover how to fire custom events with custom fields to GA through GTM custom event into GA4. Credits: https://github.com/alinemorelli/react-gtm/issues/28 But this… Read More »[Notes] React x Google Tag Manager: adding custom events