usagizmo / webapp-template Goto Github PK

View Code? Open in Web Editor NEW

106.0 2.0 11.0 7.55 MB

SvelteKit x Tailwind CSS x Supabase x Turborepo (pnpm)

Home Page: https://webapp-template.usagizmo.com

License: MIT License

JavaScript 33.68% Shell 0.88% PLpgSQL 1.31% CSS 0.07% HTML 29.37% Svelte 34.68%

typescript eslint graphql husky prettier tailwindcss lint-staged github-actions hasura pnpm

webapp-template's Introduction

WebApp Template

Monorepo template for creating a web application.

What's inside?

Uses

Turborepo x pnpm
Prettier (w/ prettier-plugin-svelte + prettier-plugin-tailwindcss)
ESLint (w/ eslint-plugin-import) / CSpell
lint-staged / husky
GitHub Actions (Linting + Testing (Validate href and src paths))
Execute eslint --fix and prettier when saving with VS Code

Apps and Packages

`apps/`

nhost
Local environment test server and production Nhost migration.
mockup [Demo]
A starting point for building a static site.
Tailwind CSS + Vanilla JS + Vitest (Check links + file names)
story
Stories for the Svelte Components.
Storybook (w/ Svelte + Tailwind CSS)
web [Demo]
A starting point for building Svelte application.
SvelteKit (w/ Tailwind CSS)
Nhost (w/ Houdini) / Vitest

`packages/`

ui
A stub Svelte component library.
tailwind-preset-base
A preset for use with tailwind.config.js and global.css.
eslint-config-custom
eslint configurations. (w/ prettier-plugin-svelte + eslint-config-[prettier|turbo])

VS Code Extensions (Recommend)

Breaking changes

v1.6.0

Change from TypeScript to JavaScript + JSDoc

v1.0.0

Change frontend framework (apps/web): Next.js → SvelteKit
Change repository name: nextjs-template → webapp-template

v0.23.0

Replace Firebase (apps/firebase) and Hasura (apps/hasura) apps with Nhost (apps/nhost)

Commands

pnpm i  # Resolve dependency packages and prepare .env files
# Then set up /.env

pnpm build   # Build all apps and packages
pnpm dev     # Set up file monitoring builds and local servers for development
pnpm lint    # eslint + markuplint | prettier --check
pnpm test    # Testing
pnpm format  # eslint --fix + prettier --write + format project-words.txt

List of listening port numbers

1337: apps/nhost/ - Hasura
- 3030: Nhost Dashboard
- 5432: Postgres
- 8080: GraphQL Endpoint
- 8025: MailHog
- 9695: Hasura Console
5173: apps/web/ - SvelteKit application
6006: apps/story/ - Storybook
8000: apps/mockup/ - Static site
49160: apps/mockup/ - Express server

Registering environment variables for GitHub / Vercel

If you need to prepare GitHub / Vercel environment, you need to set all environment variables (.env items) in each service.

webapp-template's People

Contributors

Stargazers

Watchers

Forkers

danielacorner drosi94 shzawa jasonhiew chiol czq297297 memoriaxii ifeelbalanced timc3 israeldcastro sszne

webapp-template's Issues

HASURA Key not found

I can't seem to find where this error is coming from. When I run the application I'm able to register a user where the meta is stored in firebase and the user information is then stored through HASURA. It seems though I'm still getting an error when trying to fetch articles and I cannot figure out why.

[next-auth][error][JWT_SESSION_ERROR]
https://next-auth.js.org/errors#jwt_session_error x-hasura-admin-secret/x-hasura-access-key required, but not found
message: 'x-hasura-admin-secret/x-hasura-access-key required, but not found',
stack: 'Error: x-hasura-admin-secret/x-hasura-access-key required, but not found\n' +
' at eval (webpack-internal:///(api)/../../packages/generated/dist/graphql-api.ts:29:19)\n' +
' at runMicrotasks (<anonymous>)\n' +
' at processTicksAndRejections (node:internal/process/task_queues:96:5)

I have the following variables in my ENV

HASURA_GRAPHQL_ENDPOINT=
HASURA_GRAPHQL_ADMIN_SECRET=
HASURA_GRAPHQL_API_PATHS_GRAPHQL=
HASURA_GRAPHQL_JWT_SECRET=
HASURA_GRAPHQL_UNAUTHORIZED_ROLE=

Awaiting Schedule

These updates are awaiting their schedule. Click on a checkbox to get an update now.

chore(deps): update dependency houdini to v1.2.2
chore(deps): update dependency houdini-svelte to v1.2.2
chore(deps): update dependency lint-staged to v13.2.2
chore(deps): update dependency prettier to v2.8.8
chore(deps): update dependency storybook to v7.0.7
fix(deps): update dependency js-cookie to v3.0.5
chore(deps): update dependency eslint to v8.39.0
chore(deps): lock file maintenance

Detected dependencies

github-actions

.github/workflows/main.yml

actions/checkout v3

pnpm/action-setup v2.2.4

actions/setup-node v3

npm

apps/mockup/package.json

browser-sync ^2.29.1

image-size ^1.0.2

tailwindcss ^3.3.1

vitest ^0.30.1

apps/nhost/package.json

apps/story/package.json

svelte ^3.58.0

@storybook/addon-essentials ^7.0.6

@storybook/addon-interactions ^7.0.6

@storybook/addon-links ^7.0.6

@storybook/blocks ^7.0.6

@storybook/svelte ^7.0.6

@storybook/svelte-vite ^7.0.6

@storybook/testing-library ^0.1.0

@sveltejs/vite-plugin-svelte ^2.0.4

react ^18.2.0

react-dom ^18.2.0

storybook ^7.0.6

tailwindcss ^3.3.1

typescript ^5.0.4

vite ^4.3.1

apps/web/package.json

@nhost/nhost-js ^2.2.1

graphql ^16.6.0

graphql-ws ^5.12.1

js-cookie ^3.0.1

luxon ^3.3.0

@sveltejs/adapter-auto ^2.0.0

@sveltejs/kit ^1.15.7

@types/js-cookie ^3.0.3

@types/luxon ^3.3.0

autoprefixer ^10.4.14

graphql ^16.0.0

graphqurl ^1.0.1

houdini ^1.2.0

houdini-svelte ^1.2.0

postcss ^8.4.23

svelte ^3.58.0

svelte-check ^3.2.0

svelte-preprocess ^5.0.3

tailwindcss ^3.3.1

tslib ^2.5.0

typescript ^5.0.4

vite ^4.3.1

vitest ^0.30.1

package.json

@markuplint/svelte-parser ^3.6.1

concurrently ^8.0.1

cspell ^6.31.1

eslint ^8.38.0

husky ^8.0.3

lint-staged ^13.2.1

markuplint ^3.8.0

prettier ^2.8.7

prettier-plugin-svelte ^2.10.0

prettier-plugin-tailwindcss ^0.2.7

turbo ^1.9.3

pnpm 8.3.1

packages/eslint-config-custom/package.json

@typescript-eslint/eslint-plugin ^5.59.0

@typescript-eslint/parser ^5.59.0

eslint-config-prettier ^8.8.0

eslint-config-turbo ^1.9.3

eslint-plugin-import ^2.27.5

eslint-plugin-svelte3 ^4.0.0

eslint-plugin-unused-imports ^2.0.0

typescript ^5.0.4

packages/tailwind-preset-base/package.json

@tailwindcss/typography ^0.5.9

tailwindcss ^3.3.1

packages/ui/package.json

svelte ^3.58.0

Check this box to trigger a request for Renovate to run again on this repository