cap-stack

KO | EN

gitlite — search

#hacktoberfest #react #ai #llm #docker #macos #nodejs #java #cli #kubernetes #vue #pytorch #openai #open-source

(★ 2)

A CapRover deployment ready Remix Stack with SQLite

cap-stack 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Remix Cap Stack

Learn more about [Remix Stacks](https://remix.run/stacks).

```sh
npx create-remix@latest --template Deveosys/cap-stack
```

## What's in the stack

-   [CapRover app deployment](https://caprover.com/) with [Docker](https://www.docker.com/)
-   Production-ready [SQLite Database](https://sqlite.org)
-   Healthcheck endpoint
-   Email/Password Authentication with [cookie-based sessions](https://remix.run/utils/sessions#md-createcookiesessionstorage)
-   Database ORM with [Prisma](https://prisma.io)
-   Progressively Enhanced and fully type safe forms with [Conform](https://conform.guide/)
-   Styling with [Tailwind](https://tailwindcss.com/)
-   Code formatting with [Prettier](https://prettier.io)
-   Linting with [ESLint](https://eslint.org)
-   Static Types with [TypeScript](https://typescriptlang.org)

## Development

-   First run this stack's `remix.init` script and commit the changes it makes to your project.

```sh
    npx remix init
    git init # if you haven't already
    git add .
    git commit -m "Initialize project"
    ```

-   Initial setup:

```sh
    npm run setup
    ```

-   Start dev server:

```sh
    npm run dev
    ```

This starts your app in development mode, rebuilding assets on file changes.

The database seed script creates a new user with some data you can use to get started:

-   Email: `rachel@remix.run`
-   Password: `racheliscool`

### Relevant code:

Out of the box, you can create users, log in and log out.

-   creating users, and logging in and out [./app/models/user.server.ts](./app/models/user.server.ts)
-   user sessions, and verifying them [./app/session.server.ts](./app/session.server.ts)

## Deployment

The Remix Cap Stack comes with two files for deployment:

-   captain-definition
-   Dockerfile

### Deployment Process

[Setup CapRover](https://caprover.com/docs/get-started.html) if you have not already done so, then follow these steps :

-   Create your app on CapRover (e.g. remix-app) with `Has Persistent Data` checked on.
-   Set container port to 3000

-   Add the `SESSION_SECRET` Environmental Variable

-   Add a persistant volume for SQLite data:

```
    Path in App: /data
    Label: remix-app-data (or a specific host path)
    ```

-   Deploy your app!
    ```sh
    $ caprover deploy
    ```

### Type Checking

This project uses TypeScript. It's recommended to get TypeScript set up for your editor to get a really great in-editor experience with type checking and auto-complete. To run type checking across the whole project, run `npm run typecheck`.

### Linting

This project uses ESLint for linting. That is configured in `.eslintrc.js`.

### Formatting

We use [Prettier](https://prettier.io/) for auto-formatting in this project. It's recommended to install an editor plugin (like the [VSCode Prettier plugin](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode)) to get auto-formatting on save. There's also a `npm run format` script you can run to format all files in the project.

cap-stack

cap-stack 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

cap-stack

cap-stack 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README