Giter Club home page Giter Club logo

nap-stack's Introduction

NAP Stack

NAP (Nuxt Apollo Prisma) Stack

The NAP Stack consists of Nuxt on the frontend with an Apollo/Prisma backend. This repo also uses AWS Amplify for Cognito Authentication and Storybook for isolated component documentation.

Setup & Start Your Prisma Database Layer

cd prisma && npm i && prisma init

? Set up a new Prisma server or deploy to an existing server? Create new database
? What kind of database do you want to deploy to? MySQL
? Select the programming language for the generated Prisma Client: Prisma JavaScript Client

docker-compose up -d

prisma deploy

Your Prisma endpoint will be live at: http://localhost:4466

Setup & Start Your Apollo Server

cd ../apollo && npm i && npm start

Your Apollo server endpoint will be live at: http://localhost:4000

Install & Configure the Amplify CLI

You must have the Amplify CLI installed on your machine to continue with this installation. In order to do this, head on over to the Amplify docs.

Setup Nuxt & Add Amplify

Open a 2nd terminal and follow along below.

cd nuxt && npm i && amplify init
? Enter a name for the project: nuxt
? Enter a name for the environment: dev
? Choose your default editor: Visual Studio Code
? Choose the type of app that you're building: javascript
? What javascript framework are you using: vue
? Source Directory Path: .
? Distribution Directory Path: dist
? Buid Command: npm.cmd run-script build
? Start Command: npm.cmd run-script start
? Do you want to use an AWS profile? Y
? Please choose the profile you want to use: default

Add AWS Cognito Authentication & Start Nuxt Dev Server

amplify add auth
Do you want to use the default authentication and security configuration? Default configuration
How do you want users to be able to sign in? Email
Do you want to configure advanced settings? No, I am done.

amplify push
Are you sure you want to continue? Y

npm run dev

Your Nuxt Development Server endpoint will be live at: http://localhost:3000

Start Storybook Server from Nuxt Directory

Open a 3rd terminal and follow along below.

cd nuxt && npm run storybook

Your Storybook Server endpoint will be live at: http://localhost:2001

Credit: This repo wouldn't have been possible without ikey2244 's prisma-apollo-server-2.0 repo.

nap-stack's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

Forkers

dhavalwd eryouhao

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.