https://github.com/hankolsen/create-react-app-lambda-test
https://github.com/hankolsen/create-react-app-lambda-test
Last synced: 8 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/hankolsen/create-react-app-lambda-test
- Owner: hankolsen
- Created: 2018-04-02T10:16:35.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2018-04-02T16:00:25.000Z (about 8 years ago)
- Last Synced: 2025-05-31T14:10:31.884Z (about 1 year ago)
- Language: JavaScript
- Size: 191 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
This project is based on [Create React App](https://github.com/facebookincubator/create-react-app). (For more information about Create react App, check their full [documentation](https://github.com/facebookincubator/create-react-app#create-react-app).)
The main addition is a new folder: `src/lambda`. Each JavaScript file in there will automatically be prepared for Lambda function deployment.
As an example, we've included a small `src/lambda/hello.js` function, which will be deployed to `/.netlify/functions/hello`.
[](https://app.netlify.com/start/deploy?repository=https://github.com/netlify/create-react-app-lambda)
## Babel/webpack compilation
All functions are compiled with webpack using the Babel Loader, so you can use modern JavaScript, import npm modules, etc., without any extra setup.
## Local Development
Before developing, clone the repository and run `yarn` from the root of the repo to install all dependencies.
### Run the functions dev server
From inside the project folder, run:
```
yarn start:lambda
```
This will open a local server running at `http://localhost:9000` serving your Lambda functions, updating as you make changes in the `src/lambda` folder.
You can then access your functions directly at `http://localhost:9000/{function_name}`, but to access them with the app, you'll need to start the app dev server.
### Run the app dev server
While the functions server is still running, open a new terminal tab and run:
```
yarn start
```
This will start the normal create-react-app dev server and open your app at `http://localhost:3000`.
Local in-app requests to the relative path `/.netlify/functions/*` will automatically be proxied to the local functions dev server.