Skip to content

A comprehensive full-stack application integrating a React frontend with an AWS-powered backend, featuring Clerk for authentication and custom Lambda authorizers for authorization.

Notifications You must be signed in to change notification settings

focusOtter/fullstack-with-clerk-auth

 
 

Repository files navigation

Fullstack Authentication with AWS and Clerk

header-pic

Welcome to the Fullstack Authentication with AWS and Clerk project! This repository contains a comprehensive full-stack application that integrates a modern React frontend with an AWS-powered backend. Authentication and authorization are handled seamlessly using Clerk and custom AWS Lambda authorizers.

Features

1. React (Vite) with TypeScript and React Router DOM

  • React: A popular JavaScript library for building user interfaces.
  • Vite: A fast build tool for modern web projects.
  • TypeScript: Adds static typing to JavaScript, enhancing code quality and developer experience.
  • React Router DOM: Enables dynamic routing within the React application.

2. AWS Powered Backend with Amplify Gen 2

  • AWS Amplify: A framework for building secure, scalable mobile and web applications.
  • Amplify Gen 2: Leverages the latest improvements in the AWS ecosystem for enhanced performance and scalability.

3. Authentication with Clerk

  • Clerk: A comprehensive user management solution that simplifies authentication.
  • Integrates seamlessly with the frontend for a smooth user experience.

4. Authorization Handled by Custom Lambda Authorizer

  • Custom Lambda Authorizer: Provides fine-grained control over access to resources.
  • Ensures that only authorized users can access specific backend endpoints.

Getting Started

To get started with this project, follow these steps:

  1. Clone the repository:

    git clone https://github.com/focusOtter/fullstack-with-clerk-auth.git
    cd fullstack-authentication-aws-clerk
  2. Install dependencies:

    npm install
  3. Configure AWS Amplify: Follow the instructions in the AWS Amplify documentation to configure your backend.

  4. Set up Clerk: Register for a Clerk account and configure your application as per the Clerk documentation.

  5. Start the development server:

    npm run dev

Learn More

For a detailed guide on integrating Clerk with an AWS backend, check out our blog post: The Complete Guide to Integrating Clerk with an AWS Backend.

Feedback and Contributions

We welcome feedback and contributions to this project. If you encounter any issues or have suggestions for improvement, please open an issue before submitting a pull request (PR).

  1. Open an issue: Describe the bug or feature request in detail.
  2. Submit a PR: After the issue is reviewed and approved, you can submit a pull request addressing the issue.

License

This project is licensed under the MIT License. See the LICENSE file for more details.


Thank you for using Fullstack Authentication with AWS and Clerk! We look forward to your contributions and feedback.

About

A comprehensive full-stack application integrating a React frontend with an AWS-powered backend, featuring Clerk for authentication and custom Lambda authorizers for authorization.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 75.8%
  • JavaScript 21.2%
  • HTML 2.6%
  • CSS 0.4%