Assuming you have git and npm installed:
- git clone https://github.com/atomicjolt/react_client_starter_app.git my_project_name
- Rename .env.example to .env and change the values as desired. The default should be fine.
- npm install
- Start server with:
npm run hot
then visit http://localhost:8080
Source code lives in the client directory. Modify html and js files in that directory to build your application.
npm run test
Inside the client directory run:
npm-check-updates
- Install the s3_website gem:
`gem install s3_website`
- Create s3_website.yml:
`s3_website cfg create`
- Setup and AWS user:
1. Login to your AWS console
2. Find Identity & Access Management (IAM)
3. Click 'Users'
4. Click 'Create New Users'
5. Save the user's credentials
6. Click on the user
7. Click the permissions tab.
8. Under 'Inline Policies' create a new custom policy and paste in the policy below. Be sure to change the domains:
For more details see the [s3_website gem instructions](https://github.com/laurilehmijoki/s3_website).
###IAM Policy:
```json
{
"Statement": [
{
"Action": [
"s3:ListBucket"
],
"Effect": "Allow",
"Resource": "arn:aws:s3:::www.reactclientstarterapp.com"
},
{
"Action": "s3:*",
"Effect": "Allow",
"Resource": [
"arn:aws:s3:::www.reactclientstarterapp.com",
"arn:aws:s3:::www.reactclientstarterapp.com/*"
]
}
]
}
```
- Configure bucket as website:
`s3_website cfg apply`
Build a release without deploying:
npm run build
Build a release and deploy:
npm run release
MIT