About

A comprehensive, open-source Visual Studio Code extension for creating boilerplate for a fullstack SaaS application with one simple command. UpNext delivers all of the features needed to jumpstart your application including end to end CRUD functionality, authentication, payments/billing and more.

⚠️ Disclaimer: This is beta software, which means there may still be bugs. Please report any bugs and share your feedback.

UpNext is currently only compatible with npm for package management.

Installation

1. Install Visual Studio Code

2. Launch Visual Studio Code

3. Install our UpNext extension from the Visual Studio Marketplace

Configuration

• Initiate a git repository including your README, .gitignore, and LICENSE as we do not provide these files. Then, open your repository with Visual Studio Code.

• Launch the command palette by using Ctrl-Shift-P (Windows, Linux) or Cmd-Shift-P (Mac/OSX)

• Type in and select Create Boilerplate from the drop down menu

• Create Boilerplate should create a new UpNext terminal in your VS Code and start installing all of your dependencies. Wait until installation has concluded before continuing.

• Now that you have all of your dependencies, run the npm test script to ensure that all of your files/directories have been successfully created. If you are missing files, run the Create Boilerplate command again and re-run your test script until you pass all tests.

• After all of your files/directories have been successfully created, head over to your .env file located in the root directory. It should look a little something like this:

• Your .env file houses all of the sensitive information for your OAuth and Stripe Payments. Be sure to replace our placeholder strings with your ids and secrets (do not include quotes) before attempting to test the authentication and payments page. Be sure to include your .env in your .gitignore for security purposes.

• Once you have your ids and secrets properly assigned, test our boilerplate by starting Next in development mode using npm run dev and in a different terminal use npm run startdev to start the server.

• Congratulations, you've finished configuring your UpNext boilerplate. Now focus on your business logic. If you've enjoyed your experience, star us on Github and clap our Medium article.

Features

A modern and robust tech stack for all types of applications including:

• Javascript and Typescript

• React with Next.js framework

  • Quick and easy routing capabilities using Next Router/Link
  • Serverless authentication and OAuth using Next Auth

• Apollo Client and Server

• Express Server

• GraphQL utilizing a Prisma ORM

• Stripe API

Release Notes

UpNext current version: 1.0.0

1.0.0

Initial release of UpNext

Contributors

• Andrew Kim: Github LinkedIn
• Hyesung Peter Lee: Github LinkedIn
• Jason Lee: Github LinkedIn
• Jorge Carlos 'JC' Fernandez: Github LinkedIn
• Kai Evans: Github LinkedIn