my repo dosnt show up when i connect to GitHub | amplication | Page 1

dense shell May 12, 2023, 3:51 PM

#

Visit this url and select the Amplication app

https://github.com/settings/installations

Send a screenshot so I can see what permissions it has.

Additionally what is the URL of the GitHub repo (even if it is private the url will be helpful)

GitHub

Build software better, together

GitHub is where people build software. More than 100 million people use GitHub to discover, fork, and contribute to over 330 million projects.

tranquil cave May 12, 2023, 4:06 PM

#

It’s giving me this error


/Desktop/Vitereactsupabase/apps/vite-admin/server/package.json
npm ERR! errno -2
npm ERR! enoent ENOENT: no such file or directory, open '/Users/MYCOMPUTER/Desktop/Vitereactsupabase/apps/vite-admin/server/package.json'

#

There is no “postinstall”, it dosnt show up as a command….. there’s no server file

#

I might not use this service at all

dense shell May 12, 2023, 4:27 PM

#

It doesn't look like you're using amplication. It looks like you're using vite.

Also I need a screenshot to see your configuration

#

And supabase?

#

Am I missing something here?

tranquil cave May 12, 2023, 4:31 PM

#

I created my project, and it pulled the project that was made, “added” it to my project. I added my project from GitHub, it synced it, then I updated (pulled) it. I created the service “Vite” and “Vite-Admin”… that’s what was pulled.

#

#

This is where I added the run scripts, I added it to both the new projects it made

#

wide acornBOT May 12, 2023, 4:33 PM

#

GG @tranquil cave, you just advanced to level 2!

tranquil cave May 12, 2023, 4:34 PM

#

Those are in the “apps” folder

dense shell May 12, 2023, 4:34 PM

#

Ok, so you got the GitHub sync to work?

If so that's good.

Ok, I see a few things that confuse me. 1) why are your dependencies npm scripts, 2) where is this package.json located in relation to the repo? What directory?

tranquil cave May 12, 2023, 4:36 PM

#

So, I added the project on the site, then when I went through the steps to creating the device, it added it not in my main project, but outside it. Is that right? Or should it be inside the main project file?

#

As in…. Should “apps” folder, be within my actual project?

#

There is no “services” folder

dense shell May 12, 2023, 4:37 PM

#

This package.json looks really wonky.

tranquil cave May 12, 2023, 4:37 PM

#

I added the scripts it says to add

dense shell May 12, 2023, 4:37 PM

#

Let me think for a wec

tranquil cave May 12, 2023, 4:39 PM

#

I added that to my dependency, BUT, “postinstall” dosnt show up as a command… because the file “services”, isn’t there

dense shell May 12, 2023, 4:39 PM

#

I don't think so. The scripts you add are supposed to be added to the package.json you create in the top level directory

tranquil cave May 12, 2023, 4:39 PM

#

dense shell I don't think so. The scripts you add are supposed to be added to the package.js...

Ok, so I add those to my main project package.json???

dense shell May 12, 2023, 4:42 PM

#

I'm not sure what you mean by main project but, at the top level directory create a package.json with the following

{
  "scripts": {
    "start": "npm-run-all -p start:frontend start:backend",
    "start:frontend": "cross-env PORT=5000 npm --prefix my-react-app start",
    "start:admin": "npm --prefix apps/vite-admin start",
    "start:backend": "npm --prefix apps/vite start",
    "postinstall": "npm i --prefix web && npm i --prefix apps/vite-admin && npm i --prefix apps/vite"
  },
  "devDependencies": {
    "cross-env": "^7.0.3",
    "npm-run-all": "^4.1.5"
  }
}

wide acornBOT May 12, 2023, 4:42 PM

#

GG @dense shell, you just advanced to level 14!

dense shell May 12, 2023, 4:43 PM

#

Your naming is a bit off from the tutorial (app structure has changed so the tutorial will have to be updated, I'll do that this week)

Just review that package.json and make sure the directory names make sense

tranquil cave May 12, 2023, 4:45 PM

#

The apps/my-react-app… picture is first, then the Vite/Vite-admin is second.

#

The apps is outside of my main project folder

dense shell May 12, 2023, 4:46 PM

#

Put the package.json in the same folder as the license

#

And undo the changes you made to the package.json you sent me a screenshot of

tranquil cave May 12, 2023, 4:47 PM

#

So move the apps folder into the actual project folder?
I’m following the tutorial to add to an existing project:

https://docs.amplication.com/tutorials/react-todos/step-002/#step-2---create-an-entity

Create the Backend | React Todos | Amplication Docs

Table of Contents

tranquil cave May 12, 2023, 4:48 PM

#

dense shell And undo the changes you made to the package.json you sent me a screenshot of

What do I change tho?

dense shell May 12, 2023, 4:48 PM

#

It looks like the apps folder is already inside of the project folder

tranquil cave May 12, 2023, 4:48 PM

#

dense shell It looks like the apps folder is already inside of the project folder

Actually, the real project is “my-react-app”

dense shell May 12, 2023, 4:49 PM

#

What's inside of my-react-app, is it just your front end?

tranquil cave May 12, 2023, 4:49 PM

#

dense shell What's inside of my-react-app, is it just your front end?

Yes

dense shell May 12, 2023, 4:49 PM

#

Then create the package.json, with the content I shared with you, inside of the folder with the myreactapp and apps

#

Then, undo any changes you made to the package.jsom you showed me in the screenshot

tranquil cave May 12, 2023, 4:59 PM

#

It says “missing script start”

dense shell May 12, 2023, 5:02 PM

#

Screenshots please

tranquil cave May 12, 2023, 5:05 PM

#

#

Thank you for your help

#

So the “MAIN FOLDER” is Vitereactsupabase, then the true project is “my-react-app”, then the new folders were created outise if the main folder

dense shell May 12, 2023, 5:08 PM

#

Rename web in the post install script to my-react-app

Since your folder names are different your --prefix values need to be updated to accommodate that

As a TIL moment, the prefix arg let's you target npm commands in different folders. Figured you might want to know how it works the way it does

#

So that post install script attempts to run a npm install for the front end app, the backend app, and the admin UI

The idea is when you npm install in the top level itll apply everywhere

#

Also more, your backend is in apps/vite, not server

So when going through the tutorial make sure you're making the changes to apps/vite instead

tranquil cave May 12, 2023, 5:11 PM

#

Ok, thank you. So how do I start it now?

dense shell May 12, 2023, 5:11 PM

#

Also on Mac you can command + shift + 3 to screenshot

#

Where did you leave off on the docs?

tranquil cave May 12, 2023, 5:12 PM

#

When it said to start it, but it errored

wide acornBOT May 12, 2023, 5:12 PM

#

GG @tranquil cave, you just advanced to level 3!

tranquil cave May 12, 2023, 5:13 PM

#

Im running “npm my-react-app run start”

dense shell May 12, 2023, 5:14 PM

#

Kill that command and run npm start

Also, does that mean you completed this step

tranquil cave May 12, 2023, 5:15 PM

#

dense shell Kill that command and run `npm start` Also, does that mean you completed this s...

Isn’t that already created??? My computer dosnt handle Docker well

#

Also…. There is no “server” folder

dense shell May 12, 2023, 5:16 PM

#

Remember, your folder structure is different. Whenever you see server replace that with apps/vite

Also you'll need docker or to run a database natively otherwise Amplication won't have a db to connect to

tranquil cave May 12, 2023, 5:17 PM

#

Hold on… yes, I have a Supabase DB running

dense shell May 12, 2023, 5:17 PM

#

We don't work with supabase...

#

We only support mongo, postgres, and mysql

tranquil cave May 12, 2023, 5:17 PM

#

dense shell We don't work with supabase...

Supabase is postgres

#

Do I change the apps folder to server?

dense shell May 12, 2023, 5:18 PM

#

Don't rename it

tranquil cave May 12, 2023, 5:19 PM

#

What’s causeing the error?

dense shell May 12, 2023, 5:19 PM

#

I mean, I don't know which error you're referring to

#

It looks like you're about to be able to run it but we now need to configure your database

tranquil cave May 12, 2023, 5:20 PM

#

I’ll run “npm run start” and post it

dense shell May 12, 2023, 5:21 PM

#

Kk

tranquil cave May 12, 2023, 5:21 PM

#


npm ERR! Missing script: "start"
npm ERR! 
npm ERR! Did you mean one of these?
npm ERR!     npm star # Mark your favorite packages
npm ERR!     npm stars # View packages marked as favorites
npm ERR! 
npm ERR! To see a list of scripts, run:
npm ERR!   npm run

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/mymac /.npm/_logs/2023-05-12T17_20_30_548Z-debug-0.log
ERROR: "start:frontend" exited with 1.
My Mac@myMac16Vitereactsupabase %

dense shell May 12, 2023, 5:22 PM

#

Show me the content of my-react-app and it's package.json

tranquil cave May 12, 2023, 5:23 PM

#


{
  "name": "my-react-app",
  "private": true,
  "version": "0.0.0",
  "type": "module",
  "scripts": {
    "dev": "vite",
    "build": "tsc && vite build",
    "preview": "vite preview"
  },
  "dependencies": {
    "@prisma/client": "^4.12.0",
    "@stitches/react": "^1.2.8",
    "@supabase/supabase-js": "^2.13.0",
    "dotenv": "^16.0.3",
    "react": "^18.2.0",
    "react-dom": "^18.2.0"
  },
  "devDependencies": {
    "@types/react": "^18.0.28",
    "@types/react-dom": "^18.0.11",
    "@vitejs/plugin-react": "^3.1.0",
    "typescript": "^4.9.3",
    "vite": "^4.2.0"
  }
}

dense shell May 12, 2023, 5:24 PM

#

You're not using myreactapp you used vite, so the start:frontend command from start to dev at the end

tranquil cave May 12, 2023, 5:25 PM

#

How do I do that?

dense shell May 12, 2023, 5:25 PM

#

You should be able to update a npm script in a package.json

tranquil cave May 12, 2023, 5:26 PM

#

In the my-react-app

dense shell May 12, 2023, 5:26 PM

#

No, in the top level

#

Also you're not using myreactapp app you're using vite, this tutorial isn't made for vite and you're likely to deal with other issues

#

I can't help every step when you're not using the tools of the tutorial

tranquil cave May 12, 2023, 5:28 PM

#

Can I use it with Nextjs???

dense shell May 12, 2023, 5:28 PM

#

Finally, for connecting to your supabase/postgres, in the file apps/vite/.env update the fields DB_USERNAME DB_PASSWORD DB_PORT and DB_URL to the values of your supabase provided database

Then in that same folder be sure to run npm run prisma:generate and npm run db:init before running init

#

You can do whatever you want, but the tutorial is made for create-react-app

#

I don't have the expertise or bandwidth to walk you through another tool/framework on the fly

tranquil cave May 12, 2023, 5:29 PM

#

I have react installed

dense shell May 12, 2023, 5:29 PM

#

React isn't create-react-app

tranquil cave May 12, 2023, 5:30 PM

#

Ok, thank you. Can this work with Nextjs?

dense shell May 12, 2023, 5:30 PM

#

Amplication is just a backend. It's an API server. You can connect whatever front end you want to it. But the tutorials we have will not guide you on how to do that with nextjs

tranquil cave May 12, 2023, 5:31 PM

#

Ok, thank you. It definitely dosnt work with Vite?

dense shell May 12, 2023, 5:32 PM

#

It can work with any library

Amplication is a tool to generate Backends. We generate standard API and GraphQL APIs that anyone can use.

It's up to developers to connect to them with whatever front end tool they choose to use.

#

We created our website with next and connect to a backend generated with Amplication

See (nextjs)

https://github.com/amplication/blog

And (Amplication)

https://github.com/amplication/blog-server

GitHub

GitHub - amplication/blog

Contribute to amplication/blog development by creating an account on GitHub.

GitHub

GitHub - amplication/blog-server

Contribute to amplication/blog-server development by creating an account on GitHub.

tranquil cave May 12, 2023, 6:05 PM

#

thank you. So should the folders that Amplication makes, is that inside of my main project folder?

tranquil cave May 12, 2023, 6:11 PM

#

dense shell It can work with any library Amplication is a tool to generate Backends. We gen...

Neither of those has the “server” folder, where is it?

tranquil cave May 12, 2023, 10:22 PM

#

Can i use Amplication with Refine? https://refine.dev/docs/tutorial/getting-started/mui/create-project/

3. Creating your refine project | refine

Launch the refine CLI setup

tranquil cave May 13, 2023, 12:23 PM

#

So, i went to React, and IoT says to use Nextjs, they don’t have a vanilla React command anymore.

#

Right way of saying it….. I don’t want a TO-DO app, i want a normal project that will add the functionality of Amplication, THEN use it as a CMS with my data i already have. Why make people create a completely diffrent project?

wide acornBOT May 13, 2023, 12:29 PM

#

GG @tranquil cave, you just advanced to level 4!

wide acornBOT May 13, 2023, 2:11 PM

#

justcode123#4708 has been warned

Reason: Duplicated text

#

justcode123#4708 has been warned

Reason: Duplicated text

#my repo dosnt show up when i connect to GitHub