{"id":22395975,"url":"https://github.com/cwefso/new-wave-stack","last_synced_at":"2025-10-07T20:10:10.163Z","repository":{"id":39758812,"uuid":"494848155","full_name":"cwefso/new-wave-stack","owner":"cwefso","description":"Custom Remix stack using Clerk for authentication and full user management.","archived":false,"fork":false,"pushed_at":"2022-07-14T18:14:43.000Z","size":1646,"stargazers_count":15,"open_issues_count":1,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-10-02T20:16:15.962Z","etag":null,"topics":["clerk","clerkauth","clerkdev","custom-remix","cypress","faunadb","jest","netlify","new-wave","remix-stack","remix-stacks","tailwindcss","typescript"],"latest_commit_sha":null,"homepage":"https://new-wave-stack.netlify.app/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/cwefso.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2022-05-21T17:17:06.000Z","updated_at":"2024-11-19T20:28:38.000Z","dependencies_parsed_at":"2022-08-28T00:23:17.992Z","dependency_job_id":null,"html_url":"https://github.com/cwefso/new-wave-stack","commit_stats":null,"previous_names":["cwefso/new-wave-stack"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/cwefso/new-wave-stack","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cwefso%2Fnew-wave-stack","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cwefso%2Fnew-wave-stack/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cwefso%2Fnew-wave-stack/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cwefso%2Fnew-wave-stack/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/cwefso","download_url":"https://codeload.github.com/cwefso/new-wave-stack/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cwefso%2Fnew-wave-stack/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":278838434,"owners_count":26054720,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-10-07T02:00:06.786Z","response_time":59,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["clerk","clerkauth","clerkdev","custom-remix","cypress","faunadb","jest","netlify","new-wave","remix-stack","remix-stacks","tailwindcss","typescript"],"created_at":"2024-12-05T06:02:25.907Z","updated_at":"2025-10-07T20:10:10.142Z","avatar_url":"https://github.com/cwefso.png","language":"JavaScript","readme":"# New Wave Stack\n\n![The New Wave Stack](https://user-images.githubusercontent.com/96198083/170412378-b529b437-cd82-4fd4-add7-4abcfd64997c.png)\n\nLearn more about [Remix Stacks](https://remix.run/stacks).\n\nFor more on our thoughts on the New Wave Stack check out our [blog post.](https://clerk.dev/blog/new-wave-stack)\n\nTo view this template in deployment visit: [new-wave-stack.netlify.app](https://new-wave-stack.netlify.app/)\n\n## What's in the stack\n\n- [Netlify Deployment](https://www.netlify.com/)\n- Email/Password Authentication with [Clerk](https://clerk.dev/)\n- Document-relational database with [Fauna](https://fauna.com)\n- Styling with [Tailwind](https://tailwindcss.com/)\n- End-to-end testing with [Cypress](https://cypress.io)\n- Unit testing with [Jest](https://jestjs.io/) and [Testing Library](https://testing-library.com)\n- Code formatting with [Prettier](https://prettier.io)\n- Linting with [ESLint](https://eslint.org)\n- Static Types with [TypeScript](https://typescriptlang.org)\n\n## Development\n\n### Sign Up with Clerk\n\n**[Sign up with Clerk](https://dashboard.clerk.dev/sign-up)** if you haven't already.\n\n### Create a new Clerk application\n\nCreate a new application from the Clerk dashboard. Check out the Clerk docs for more information about **[setting up your Clerk application.](https://clerk.dev/docs/how-to/set-up-your-application)**\n\n### Create a new application using the New Wave Stack Template:\n\n```sh\nnpx create-remix@latest --template charles-clerk-dev/new-wave-stack \u003cyour-app\u003e\n```\n\n### Navigate into your project directory\n\n```sh\ncd \u003cyour-app\u003e\n```\n\n### Create a `.env` file.\n\n```sh\n  touch .env\n```\n\n### Find your **[Frontend API key and Backend API key](https://dashboard.clerk.dev/last-active?path=api-keys)** on the Dashboard and add them to that file like this:\n\n```\nCLERK_FRONTEND_API=\u003cYOUR_FRONTEND_API\u003e\nCLERK_API_KEY=\u003cYOUR_CLERK_API_KEY\u003e\n```\n\n### Install Netlify CLI\n\nIf you don't already have the Netlify CLI downloaded, run:\n\n```she\nnpm i -g netlify-cli@latest\n```\n\n### Trigger an initial build\n\n```sh\nnpm run build\n```\n\n### Start your development instance\n\n```sh\nnpm run dev\n```\n\nVisit http://localhost:3000/. If everything is set up correctly, you should see something that looks like this:\n\n\u003cimg width=\"1771\" alt=\"Screen Shot 2022-05-25 at 9 52 23 PM\" src=\"https://user-images.githubusercontent.com/96198083/170412460-f1b7884e-f1bc-445e-bc1d-79691fc1dafb.png\"\u003e\n\nThat's it! You're all set to start building your Remix application with complete user management provided by Clerk.\n\n## Database\n\nThis template comes pre-configured to make calls to a **[Fauna database](https://fauna.com/)**\n\nTo make authenticated calls to a Fauna database, you'll need to use one of Clerk's handy **[JWT Templates](https://clerk.dev/docs/how-to/jwt-templates)**. Check out our **[detailed instructions about setting up Clerk and Fauna](https://clerk.dev/docs/integration/fauna)**).\n\nFor a better understanding about how Fauna works with Remix and Clerk, it is highly recommend to work through Clerk's **[Remix/Clerk/Fauna Tutorial](https://clerk.dev/tutorials/build-movie-emoji-quiz-with-remix-fauna-and-clerk)**\n\n## Styling\n\nThis template is pre-configured to use Tailwind styling. For more information about Tailwind classes and core concepts, check out the **[Tailwind documentation](https://tailwindcss.com/docs)**.\n\n## Deployment\n\nThis template uses Netlify for deployment. Setting up your Remix app to deploy with Netlify couldn't be easier. **[Step by step instructions can be found here](https://www.netlify.com/blog/how-to-deploy-remix-apps-on-netlify/)**, and deployment only takes minutes.\n\n## Testing\n\n### Cypress\n\nWe use Cypress for our End-to-End tests in this project. You'll find those in the `cypress` directory. We've included Cypress's example files to help you on your way, but for more information on Cypress, **[check out their official documentation](https://docs.cypress.io/guides/core-concepts/introduction-to-cypress)**.\n\n### Jest/Testing Library\n\nFor lower level tests of utilities and individual components, we use [Jest](https://jestjs.io/) and [Testing Library](https://testing-library.com).\n\n### Type Checking\n\nThis 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`.\n\n### Linting\n\nThis project uses ESLint for linting. That is configured in `.eslintrc.js`.\n\n### Formatting\n\nWe 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.\n","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcwefso%2Fnew-wave-stack","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcwefso%2Fnew-wave-stack","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcwefso%2Fnew-wave-stack/lists"}