Navigation

    APPDRAG Community

    • Register
    • Login
    • Search
    • Categories
    • Recent
    • Popular

    REMINDER

    Please be respectful of all AppDragers! Keep it really civil so that we can make the AppDrag community of builders as embracing, positive and inspiring as possible.

    how to implement a node/vue js app?

    Cloud Backend (Cloud DB, API Builder)
    4
    11
    612
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • Linda MacDonald
      Linda MacDonald last edited by

      Hey there folks 🙂 I find it so interesting that we can use vue/nuxt with Appdrag 🙂 so awesome!! might you have a tutorial somewhere that we can see?
      thanks in advance
      Linda

      1 Reply Last reply Reply Quote 0
      • Wassim
        Wassim last edited by Joseph Benguira

        Hi,
        You can write your vue/nuxt project in the code Editor, or even write it locally and host it in AppDrag (by uploading it in the Code Editor too)

        You can also develop locally and deploy to your project with our CLI tool here:
        https://www.npmjs.com/package/appdrag

        1 Reply Last reply Reply Quote 0
        • Linda MacDonald
          Linda MacDonald last edited by

          Hey there Wassim - that is SO PHENOMENALLY AWESOME!!!!!! 🙂 I haven't as of yet played around with the code editor, but am actually working on a vue project offline and would love to get it up and running on Appdrag 🙂 is there any documentation around I can take a look at?

          T 1 Reply Last reply Reply Quote 1
          • T
            Thomas D @Linda MacDonald last edited by

            @Linda-MacDonald said in how to implement a node/vue js app?:

            is there any documentation around I can take a look at?

            They've mention that they are currently working on more docs including front-end JS docs 🙂

            1 Reply Last reply Reply Quote 1
            • Linda MacDonald
              Linda MacDonald last edited by

              cool 🙂 but then the million dollar question 🙂 how do we hook up our vue/nuxt app wirh the database? Just had a look at your academy tutorials on the database - it's magic👏 👏 👏 👏

              T 1 Reply Last reply Reply Quote 0
              • T
                Thomas D @Linda MacDonald last edited by Thomas D

                @Linda-MacDonald You have to make a Vue SPA app with webpack. Then upload the static files via the file manager and use Axios to make requests to the Back-end API function you've created.

                Linda MacDonald 1 Reply Last reply Reply Quote 0
                • Linda MacDonald
                  Linda MacDonald @Thomas D last edited by

                  @ThomasD ok super duper thanks a mil 😊😊

                  1 Reply Last reply Reply Quote 0
                  • Linda MacDonald
                    Linda MacDonald last edited by

                    hey there Wassim 🙂 I am ready to deploy my nuxtjs app - but can only see vuejs in the codeeditor, could you please let me know how I do this?

                    Joseph Benguira 1 Reply Last reply Reply Quote 0
                    • Joseph Benguira
                      Joseph Benguira @Linda MacDonald last edited by

                      @Linda-MacDonald the list of code templates you see when you click on New Code project are just templates to start from something
                      You can use the appdrag CLI to deploy anything in fact 😉

                      If you create a new project, select HTML5/JS, then once in the code editor you can upload a ZIP file with all your frontend content or use the appdrag cli to automate this after your build step

                      Linda MacDonald 1 Reply Last reply Reply Quote 1
                      • Linda MacDonald
                        Linda MacDonald @Joseph Benguira last edited by

                        @Joseph-Benguira phenomenal 🙂 but alas - cannot find the CLI - clicked on the link further down from Wassim and the link has expired and had a look around npm and github, could you please repost? 🙂

                        regards Linda

                        1 Reply Last reply Reply Quote 0
                        • Joseph Benguira
                          Joseph Benguira last edited by

                          Here is the link to our CLI tool:
                          https://www.npmjs.com/package/appdrag

                          1 Reply Last reply Reply Quote 0
                          • First post
                            Last post