Template Icon
✔ Add to Project View Boilerplate

Documentation

Source Code

Server-Side Rendering TemplateTop Template marker star

This project template provides utilities to define the infrastructure for an SSR application deployed on AWS using AWS API Gateway and Lambda functions.

Features Included

Feature Icon
Serverless Page Rendering and API

Develop a serverless React rendering and API using AWS API Gateway and Lambdas

Feature Icon
Local Testing

Test your application using a local server

Feature Icon
React Components

Leverage the power of JSX for server-side rendering and for dynamic front-end pages

Feature Icon
CSS

Define styling for your React components using CSS Modules

Feature Icon
TypeScript

Develop all pages and routes for your API using TypeScript.

Feature Icon
Jest

Write tests for React components and rendered pages using Jest.

Feature Icon
ESLint + Prettier

Auto-format and validate your TypeScript code easily using ESLint and Prettier.

Feature Icon
VSCode

Configured to work seamlessly with the powerful VSCode editor.

Feature Icon
Yarn 3

Fast build times and advanced modularity using Yarn 3 workspaces.

Feature Icon
AWS

Application deployed to reliable and scaleable AWS serverless infrastructure.

Feature Icon
Terraform

Extend and maintain infrastructure using Terraform.

Feature Icon
App Composition

Easily combine with any Goldstack module to compose end-to-end applications.

Serverless Page Rendering and API ⤴

Serverless React rendering and API using AWS API Gateway and Lambdas

Benefit from low costs, high scaleability and low maintenance by using modern Serverless practices. Each page and route defined in its own Lambda for minimal cold start times.

Local Testing ⤴

Local Testing

Test all our pages and routes with a local server. No need to deploy to AWS.

React Components ⤴

React Components for Client and Server

Define pages in JSX for server-side rendering. Pages hydrated automatically once loaded on the client.

CSS ⤴

CSS Modules for Styling

Configure custom styling using vanilla CSS. CSS automatically packaged for client-side use.

TypeScript ⤴

Full TypeScript Support

Benefit from static type checking and code completion when developing your pages and routes.

Jest ⤴

Unit and Integration Testing

Test React components using jsdom test environment and test page rendering and API via an embedded server.

ESLint + Prettier ⤴

Linting and Formatting

ESLint and Prettier configured for usage in the CLI and as VSCode plugins.

VSCode ⤴

Develop in VSCode

All configuration for developing TypeScript code with VSCode provided.

Yarn 3 ⤴

Build Modular Applications with Yarn Workspaces

Yarn 3 workspace configured for blazing fast project bootstrap and hassle-free development of a modular application.

AWS ⤴

Ready for Deployment to AWS

Deploy your application to AWS for professional level security, reliability and scaleability.

$ yarn infra up devDevelopment infrastructure set up!
$ yarn deploy devApp deployed to development infastructure!
$ yarn infra destroy devDevelopment infrastructure teared down.

Supports multiple, separate deployments for development, staging and production environments. Implemented using CloudFront, HTTP API Gateway and Lambda.

Terraform ⤴

Extendable and Configurable Infrastructure

Customise infrastructure and easily add any service from the AWS cloud to your application by modifying the Terraform files included in the template.

App Composition ⤴

Integrate with Goldstack Templates

Combine this template with other modules from Goldstack. Generate a starter project supporting your full stack including the frontend.

NextJs + Bootstrap
NextJS wired to work with Bootstrap and be deployed to CloudFront CDN
  • S3 + CloudFront CDN
  • SASS
  • SVG Icons
S3
Store and manage files in AWS S3
  • TypeScript API
Email Send
Send emails through AWS SES
  • DKIM and SPF
  • High volume sending
  • Extremely low costs

Simply choose any of these templates while building your project in the Goldstack Builder UI and they will be included in your starter project.

Unleash Your Creativity and Build with Joy

Design your customized starter project with Goldstack, download a ZIP and start coding.

✔ Add Template to Project