import * as sst from "@serverless-stack/resources";

export default class MyStack extends sst.Stack {

constructor(scope, id, props) {

super(scope, id, props);

// Create the table

const table = new sst.Table(this, "Counter", {

fields: {

counter: sst.TableFieldType.STRING,

},

primaryIndex: { partitionKey: "counter" },

});

// Create the HTTP API

const api = new sst.Api(this, "Api", {

defaultFunctionProps: {

// Pass in the table name to our API

environment: {

tableName: table.dynamodbTable.tableName,

},

},

routes: {

"POST /": "src/lambda.main",

},

});

// Allow the API to access the table

api.attachPermissions([table]);

// Deploy our React app

const site = new sst.ReactStaticSite(this, "ReactSite", {

path: "frontend",

environment: {

REACT_APP_API_URL: api.url,

},

});

// Show the URLs in the output

this.addOutputs({

SiteUrl: site.url,

ApiEndpoint: api.url,

});

}

}