This is a Next.js project bootstrapped with create-next-app.
This project is aimed to demonstrate how to implement a Serverless Functions working with Webassembly in Vercel.
The Serverless Functions endpoint is located at api/hello.js to meet the requirement of Vercel, but not to the Next.js. So if you want to develop on you local machine, you should put it into pages/api/ and make some change.
The only function in api/hello.js is grayscaling an image. It receives a png file and pass it as stdin stream to a spawned child process. The child process runs using the WasmEdge command.
File api/src/main.rs implements the grayscaling logic. By buiding it with rustwasmc with --enable-aot option we get wasi_image_grayscale.so.
We define Custom Build in api/pre.sh to download the WasmEdge command.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
To learn more about Serverless Functions in Vercel, take a look at the following resources:
- Serverless Functions - how to write your Serverless Functions.
- Runtime - the modules that lift Serverless Functions.
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.