Next.js + Bootstrap TemplateTop Template marker star

Configures a Next.js application with Bootstrap.

Scroll down for an overview of the features included in this template.


Features Included

Feature Icon
Next.js 13

Get coding with the Next.js framework in minutes.

Feature Icon
Bootstrap

Next.js application configured for using the Bootstrap CSS framework.

Feature Icon
TypeScript

Develop all Bootstrap-styled components and pages for your Next.js application with TypeScript.

Feature Icon
ESLint + Prettier

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

Feature Icon
Jest

Run tests for components and the Next.js application using Jest.

Feature Icon
VSCode

Template 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

Next.js app deployed to reliable and scaleable AWS serverless infrastructure.

Feature Icon
Terraform

Extend and maintain frontend infrastructure using Terraform.

Feature Icon
App Composition

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


Next.js 13

Next.js Project Ready in Minutes

Begin your work with a carefully crafted Next.js project where all dependencies you need are provided in compatible versions.

$ yarnProject setup and dependencies downloaded!
$ cd packages/app-nextjs $ yarn watchReady for local development!
Bootstrap

Bootstrap Styling for React Components

Style your components in the Next.js application with Bootstrap and give your application a professional look and feel.

import React from 'react';import Container from 'react-bootstrap/Container';import Row from 'react-bootstrap/Row';import Col from 'react-bootstrap/Col';
...
return (<Container><Row><Col>...</Col></Row></Container>);

This also works with Bootstrap templates. Just replace the Bootstrap CSS files included in this template.

TypeScript

Full TypeScript Support

Benefit from static type checking and code completion when developing your components and pages with Next.js.

ESLint + Prettier

Linting and Formatting

ESLint and Prettier configured for usage in the CLI and as VSCode plugins. Optimized to work with Next.js, TypeScript and JSX.

Jest

Unit and Integration Testing

Write unit and integration tests for your Next.js application with zero additional setup required.

VSCode

Develop in VSCode

All configuration for developing TypeScript and TSX code for 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 Next.js application for cents on AWS with professional level security, reliabilty and scaleabilty.

$ 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 and S3.

Terraform

Extendable and Configurable Infrastructure

Easily add any service from the AWS cloud to your Next.js 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 backend.

Lambda + Express
Scaleable and extensible backend based on Express
  • Bundled with esbuild
  • API Gateway
  • Helmet
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.