Redpoint

Redpoint

Quick Setups

Redpoint is a new experimental project developed by SudoVanilla. SudoVanilla does not have experience in building a framework engine, let alone an expert, expect issues and breakage. Redpoint is not expected to be enterprise-ready and should not be used in commercial environments.

Please view the To Consider and Known Issues documents first before trying out Redpoint.


Redpoint is built with Deno, please make sure that Deno is already installed on your system.

Create a new project with a directory structure as folow:

.
├── deno.json
├── redpoint.config.ts
└── src
    ├── pages
    │ └── index.tsx

Your deno.json file should look similiar to this:

{
  "compilerOptions": {
    "jsx": "react-jsx",
    "jsxFragmentFactory": "Fragment",
    "jsxImportSource": "@sudovanilla/redpoint"
  },
  "imports": {
      "@sudovanilla/redpoint": "https://ark.sudovanilla.org/Redpoint/Redpoint/raw/commit/v1.0.0/mod.ts",
      "@sudovanilla/redpoint/jsx-runtime": "https://ark.sudovanilla.org/Redpoint/Redpoint/raw/commit/v1.0.0/src/jsx-runtime.ts"
  },
  "tasks": {
    "redpoint": "deno run -A @sudovanilla/redpoint"
  }
}

You can set any version by swapping out v1.0.0 for a different branch. You could also use latest, but not recommended as it can change at anytime.

For the redpoint.config.ts file, import the defineConfig function:

import {defineConfig} from "@sudovanilla/redpoint"
export default defineConfig()

You can add configurations to your website with defineConfig():

...
export default defineConfig({
    server: {
        port: 7894
    }
})
...

You can remove the redpoint.config.ts if you end up leaving it blank, as the file itself not required.

Then setup a basic page in src/pages/index.ts:

export default() => (
    <p>Hello Internet</p>
)

Run your website, by running the dev command:

deno task redpoint dev

Your website should be running on http://localhost:7894.