Python vercel function within nextjs project

Help
,
1

I have a nextjs project. I had 2 serverless functions with a nodejs runtime, and had no problems. I now want to add a serverless function with a python runtime, and running into some issues. I am using the example code given here:

On local dev, when I do vercel dev, I can access the 2 nodejs functions. But I am unable to access the python function, getting a 404:

404: NOT_FOUND
Code: NOT_FOUND

Tried switching it to index.py, having it in a folder vs not, etc. but doesn’t work.

Once I deploy, if I have the python function present, I get:

Error: A Serverless Function has exceeded the unzipped maximum size of 250 MB. : https://vercel.link/serverless-function-size

I’ve tried removing and adding it, and it only happens when the python function is there, with nothing else changed. The function is simply the one given in the example, so very small/simple:

from http.server import BaseHTTPRequestHandler
 
class handler(BaseHTTPRequestHandler):
 
    def do_GET(self):
        self.send_response(200)
        self.send_header('Content-type','text/plain')
        self.end_headers()
        self.wfile.write('Hello, world!'.encode('utf-8'))
        return

Here is my file structure:

.next/
api/
   hello/
      route.ts
   indexTest/
      indexTest.py
   newFile/
      route.ts
app/
components/
lib/
node_modules/
.eslintrc.json
.gitignore
.vercelignore
components.json
next-env.d.ts
next.config.js
package.json
postcss.config.js
README.md
tailwind.config.ts
testHugging.py
tsconfig.json
tsconfig.tsbuildinfo
vercel.json
yarn.lock

Note: The api folder was initially in the app folder, but moved it outside after running into this issue. Both don’t work.

Things I’ve tried:
Add a .vercelignore with:

 node_modules
 .next
 .git
 *.log

Creating vercel.json with:

{
  "functions": {
    "api/indexTest/indexTest.py": {
      "memory": 1024,
      "maxDuration": 30
    }
  }
}

Moving the function, renaming it, etc.

I do have my repo in a parent folder, with the folder I gave above under it, but don’t think that should be a problem, everything else was working with that. I have my ‘Root Directory’ set to the subfolder. The larger folder only contains:

  • The folder I gave above
  • .git
  • .vercel
  • .gitignore

Would appreciate any/all help! Thanks

2

Replication:

  1. Creat repo using: nextjs-boilerplate (Next.js Boilerplate – Vercel)
  2. Deploy, cloned repo, run vercel dev (had to run ‘npm install next’ before)
  3. Create a /api folder in the root folder, added hello.ts:
export function GET(request: Request) {
  return new Response(`Hello from ${process.env.VERCEL_REGION}`);
}
  1. Added: "type": "module" to package.json (Functions API Reference, following guide for ‘Other frameworks’ as I want my functions outside of the app folder)
  2. The function works at: http://localhost:3000/api/hello
  3. Added: newHello.py to /api:
from http.server import BaseHTTPRequestHandler
 
class handler(BaseHTTPRequestHandler):
 
    def do_GET(self):
        self.send_response(200)
        self.send_header('Content-type','text/plain')
        self.end_headers()
        self.wfile.write('Hello, world!'.encode('utf-8'))
        return
  1. Visiting http://localhost:3000/api/newHello or http://localhost:3000/api/newHello
    8.1. Or naming it to index.py and going to http://localhost:3000/api/ & http://localhost:3000/api/index & http://localhost:3000/api/index.py
    All return 404 errors
  2. But deploying works! And the python api in the deployment works at {deployment_url}/api/newHello

So something might be messed up with my original project causing the 250MB size limit problem. But why doesn’t the local api work in a brand new project, while deployed does?

Edit:
Also added:

{
  "functions": {
    "api/newHello.py": {
      "runtime": "@vercel/python@4.3.1"
    }
  }
}

To my vercel.json, hoping it would help (normally used for Community runtimes I believe. Didn’t change anything)

3

I moved my api file structure to the same one I created in the Replication steps with the nextjs boilerplate:

api/
   hello.ts
   newHello.py

I’ve added the following to my vercel.json:

{
  "functions": {
    "api/*.py": {
      "excludeFiles": "{.next,*.cache,node_modules,public,app,components,Docs,lib}/**,yarn.lock"
    }
  }
}

I’ve removed a test python file I had previously (testHugging.py)

Still facing the sizing issue (and local python function 404)

4

Copied over 100% of the files from old repo to new repo. Project now works in new repo with the python cloud function. Only difference is old repo had a parent folder, where the project lived inside a subfolder (but this was defined inside Vercel). The new repo does not have that, base folder is the project folder. Other than that 100% same files, don’t know what was going wrong (had deleted .next and .vercel to see if cache problem, reinstalled node packages, etc. none of that had helped).

So only question left is, how to get it working on local

6

Hey, @batuhanusluel!

Great to see the progress over time. :smile:

Let us know if we can support with anything else from the Vercel side!

8

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.