Adding a Node + Typescript Backend to Your Angular App

Поделиться
HTML-код
  • Опубликовано: 22 окт 2024

Комментарии • 40

  • @gsaravanakumar932
    @gsaravanakumar932 4 года назад +2

    Huge thanks dude. I got an interesting tutorial. This is what I was looking for so many days in RUclips. Nobody haven't illustrate how to use angular universal with its own node server as back end, instead of creating a separate application for server in node with express. This is awesome. Please please create many videos like this, which are not covered by other RUclips channel.

  • @arulmozhinangai6255
    @arulmozhinangai6255 8 месяцев назад

    Thank you Stephen. Clear explanation :)

  • @chrissigrilus6390
    @chrissigrilus6390 5 лет назад +2

    Great content! Thank you very much. I was actually looking to long for an easy intro to this connection and you gave me the intro I dreamed for. You earned yourself a new sub. Please more of these medium length setups. TY

  • @davidmcintosh2054
    @davidmcintosh2054 6 лет назад +2

    Thank you for this video, Stephen! I've been following your blog closely - really good stuff! Angular + Node seems to be the way to go.

  • @00mcalihe00
    @00mcalihe00 3 года назад +5

    i wouldn't hardcode the path to node_modules in the server folder. I would just use a subscript for it. Like this:
    "serve-backend": "cd server && npm run serve",
    "serve": "concurrently \"ng serve\" \"npm run serve-backend\""

    • @gokceozkan1135
      @gokceozkan1135 Год назад +2

      thanks a lot, I had the same problem and this fixed it :)

    • @alexcullier1458
      @alexcullier1458 Год назад

      yep, fixed it @@gokceozkan1135

  • @pashynin.a
    @pashynin.a 2 года назад

    Very useful tutorial 👍 Great way to create simple mock-backend fast for educational purposes 💻📚

  • @LuCiia015
    @LuCiia015 5 лет назад

    The only tutorial that really helps me after days of looking for a solution. Thank you so so much! :D

  • @saurabhmehta7681
    @saurabhmehta7681 4 года назад

    This channel is making great quality content

  • @themarksmith
    @themarksmith 6 лет назад +4

    Excellent video, thank you - I was wondering if this type of app could be uploaded to Google's Firebase service - do you have any idea if this would be possible?

  • @TheMrCalindo
    @TheMrCalindo 3 года назад

    i saw other tutorials using a folder called dist .so what should i use ? what's the difference between using http module or using dist folder who appears to be a middlewear between node and angular ??

  • @oluwatomioloye4188
    @oluwatomioloye4188 2 года назад

    Hello @Digital Fluency, what a simplified video tutorial. Can you assist with this issue i cam across. while trying to run a import express and run the project, i get this error saying "@types/express/index"' can only be default-imported using the 'allowSyntheticDefaultImports' flag. i really dont know how to fix this. I have enabled both allowSyntheticDefaultImports and esModuleInterop and i still get the same error. Can you please help out.

  • @heavyrick
    @heavyrick 6 лет назад

    Great video dude! And what can we do for building (deploy) both angular and the server files after saving any file?

  • @lexcaraig
    @lexcaraig 6 лет назад +2

    Nice video! Can you consider making the same sample but using universal and pwa? That would be a good help for everyone! Thanks!

    • @EricBishard
      @EricBishard 6 лет назад

      That actually sounds awesome, would love to see that all working together in one mono repo!

  • @lukalionc4702
    @lukalionc4702 4 года назад +2

    [1] 'server' is not recognized as an internal or external command, HELP!!!!!!!!!!!!!!!

    • @zzzz0
      @zzzz0 4 года назад +1

      Help me I'm also getting same error

  • @digirestroposapplication6832
    @digirestroposapplication6832 5 лет назад

    can i get POC of this?
    because i have error in last yarn serve.error is not a project

  • @9997eman
    @9997eman 5 лет назад

    Thank you!! Use explained it so well very clear!

  • @vin2629
    @vin2629 3 года назад +1

    While trying to run the commands using concurrently I get an error that says “server is not recognised as an internal or external command”. But when I run only the node server it works..It fails while running both node and angular apps.. Can anyone help me with this issue

    • @xeudodev
      @xeudodev 2 года назад

      Found a solution ?

  • @mayurgudi381
    @mayurgudi381 4 года назад

    I'm getting error in the middleware part.
    options == req.method
    I'm going in that else part !
    What to do ?

  • @guitounyoucef1251
    @guitounyoucef1251 2 года назад

    can you make this tutorial with elecron js

  • @YassirAcharki
    @YassirAcharki 6 лет назад +3

    "const app = express();" says ;"Cannot invoke an expression whose type lacks a call signature"

  • @kamleshpaul414
    @kamleshpaul414 6 лет назад

    is there any cheap options to host node application like Php .?

  • @doctor9101
    @doctor9101 5 лет назад +1

    One click of a button , I should have a backend and front end ready, like how it happens with ASP NET MVC5, bootstrap, jQuery ,etc etc

  • @ayushpratap4726
    @ayushpratap4726 6 лет назад

    Stephen what changes do we have to make to the code to be able to serve our app via express server after ng build for production. Please help!!

    • @sudha740
      @sudha740 6 лет назад

      scotch.io/tutorials/mean-app-with-angular-2-and-the-angular-cli

  • @ashwinraj8683
    @ashwinraj8683 5 лет назад

    I get this error: when running the angular app and the express application with concurrently (running just the express application works fine):
    (function (exports, require, module, __filename, __dirname) { import * as express from "express";
    SyntaxError: Unexpected token *
    If I change that line to [import express from "express";], I get the following error:
    server/server.ts(1,8): error TS1259: Module '"/home/dev2/angular/skill-mock/server/node_modules/@types/express/index"' can only be default-imported using the 'allowSyntheticDefaultImports' flag

    • @ankurraj6131
      @ankurraj6131 5 лет назад

      use
      const express = require ("express").
      This will work... I also faced same issue

  • @yt1234567100
    @yt1234567100 5 лет назад

    thanks

  • @doctor9101
    @doctor9101 5 лет назад

    We are back to 1950 , where it takes hours to set up a development platform, surprising that, all this for people who do not know to write simple object oriented JavaScript, it is just a matter of time before such things come crashing to the ground, otherwise excellent presentation

  • @rezataba6204
    @rezataba6204 3 года назад

    PROS: Rich material.
    CONS: Poor teaching style. I get no picture of what you're trying to achieve with each section or overall.

  • @Mionekochan
    @Mionekochan 3 года назад

    SyntaxError: Cannot use import statement outside a module, when I run yarn serve. Please help.
    I have tried adding "type": "module" to package.json didn't help

    • @Mionekochan
      @Mionekochan 3 года назад

      what fixed it for me was const express = require("express") instead of import line