An open API service indexing awesome lists of open source software.

https://github.com/heyitsjoealongi/react-ventures

Single-Page Application — React & Bootstrap Powered by Next.js (Template)
https://github.com/heyitsjoealongi/react-ventures

bootstrap nextjs react

Last synced: over 1 year ago
JSON representation

Single-Page Application — React & Bootstrap Powered by Next.js (Template)

Awesome Lists containing this project

README

          

![React Ventures Banner](https://raw.githubusercontent.com/heyitsjoealongi/react-ventures/master/public/react-ventures.png)

# React Ventures

![Version](https://img.shields.io/badge/version-2.3.0-blue.svg?cacheSeconds=2592000) [![License: MIT ](https://img.shields.io/badge/License-MIT-green.svg)](https://github.com/heyitsjoealongi/react-ventures/blob/master/LICENSE) [![FOSSA Status](https://app.fossa.com/api/projects/git%2Bgithub.com%2Fheyitsjoealongi%2Freact-ventures.svg?type=small)](https://app.fossa.com/projects/git%2Bgithub.com%2Fheyitsjoealongi%2Freact-ventures?ref=badge_small)

React Ventures for building applications in React.js with Bootstrap utilizing the [Next.js](https://vercel.com/) framework (Vercel) for simplified [Node.js](https://nodejs.org/en/) configuration available by [Open Source](https://opensource.org/).

Server-side rendered functionality of lifecycles through React in a UI framework you are familiar with from Reactstrap. Optimized and bundled with the latest features in Next.js for hot-reloading, bundling, and server configuration.

**[View Demo](https://react-ventures.vercel.app/)**

## Contents

- [About](#about)
- [Build](#build)
- [Overview](#overview)
- [Requirements](#requirements)
- [Installation](#installation)
- [Additional](#additional)

## About

React Ventures is a template for React & Next.js utilizing frameworks for quickly iterating and developing applications with Bootstrap and JSX.

![GitHub stars](https://img.shields.io/github/stars/heyitsjoealongi/react-ventures?style=social) ![Twitter Follow](https://img.shields.io/twitter/follow/heyitsjoealongi?label=Follow&style=social)

- Website: [heyitsjoealongi.com](https://heyitsjoealongi.com/)
- Twitter: [@heyitsjoealongi](https://twitter.com/heyitsjoealongi/)
- GitHub: [@heyitsjoealongi](https://github.com/heyitsjoealongi/)
- LinkedIn: [@heyitsjoealongi](https://www.linkedin.com/in/heyitsjoealongi/)

## Build

React Ventures is built with modern frontend frameworks and adapts to screen sizes with ease. Captivating the elements and adaptive nature of Bootstrap in a lightweight framework that is the spirit of application development.

- [React.js](https://reactjs.org/)
- [Next.js](https://vercel.com/)
- [Node.js](https://nodejs.org/en/)
- [Yarn](https://yarnpkg.com/)

## Overview

### Requirements

This project runs on Node.js while the DOM UI elements are established using React.js with modules from Bootstrap, Reactstrap while working within the Next.js framework.

- React (v18.2.0)
- Next (v13.4.5)
- Node (v20.3.0)
- Bootstrap (v5.3.0)
- Reactstrap (v9.2.0)

### Installation

- **Option 1.)** [Download the latest version of this template from GitHub](https://github.com/heyitsjoealongi/react-ventures/archive/master.zip)
- **Option 2.)** Clone this repository

```
git clone https://github.com/heyitsjoealongi/react-ventures.git
```

- **Option 3.)** [Fork, Clone, or Download via GitHub Desktop](x-github-client://openRepo/https://github.com/heyitsjoealongi/react-ventures)

### Basic Usage

##### Install

```zsh
yarn install
```

##### Run

```zsh
yarn run dev
```

##### Build

```zsh
yarn run build
```

##### Tools

```zsh
yarn plugin import interactive-tools
```

##### Upgrade

```zsh
yarn upgrade-interactive
```

## Deploy

Create a [Vercel](https://vercel.com/) account, choose a project name, and connect a GitHub, GitLab, or BitBucket account to push to the master branch of the repository. Quickly deploy with a cloned version of the reposity.

[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/project?template=https://github.com/heyitsjoealongi/react-ventures.git)

##### Option 1: Deploy from Repository

[Clone Repo](x-github-client://openRepo/https://github.com/heyitsjoealongi/react-ventures)

##### Option 2: Deploy from Git

[Git Link](https://vercel.com/import/git)

##### Additional: Configure Deploy

Configure your deploy branch, settings, and domain within [Vercel](https://vercel.com/).

## Additional

##### Bugs and Issues

Having an issue with the template? Report bugs & issues with React Ventures on GitHub via [Issues](https://github.com/heyitsjoealongi/react-ventures/issues). Fork, Pull, or Send an email over to join as a contributor! Join in on the open source conversation on [Twitter](https://twitter.com/heyitsjoealongi).

##### Acknowledgments

- [Create a Next.js App](https://nextjs.org/learn/basics/create-nextjs-app)
- [Bootstrap](https://getbootstrap.com/)
- [Reactstrap](https://reactstrap.github.io/)
- [SVGR](https://www.npmjs.com/package/@svgr/webpack)

##### Additional Acknowledgments

- [Prettier](https://prettier.io/)
- [ESLint](https://eslint.org/)

##### License

© 2023 React Ventures released via [MIT](https://opensource.org/licenses/MIT) license. Information on this license can be viewed as it applies to this repository on GitHub at [React Ventures License](https://github.com/heyitsjoealongi/react-ventures/blob/master/LICENSE).

[![FOSSA Status](https://app.fossa.com/api/projects/git%2Bgithub.com%2Fheyitsjoealongi%2Freact-ventures.svg?type=large)](https://app.fossa.com/projects/git%2Bgithub.com%2Fheyitsjoealongi%2Freact-ventures?ref=badge_large)