Sveltekit Auth Blog

Overview:

This product is a SvelteKit Template that utilizes sk-auth and is configured for Google OAuth2Provider. It includes several features such as a header and footer component, a protected profile page (server side), a blog page, and a protected post page. Additionally, it supports the use of JSONPlaceholder and Google OAuth2Provider.

Features:

• Header and Footer Component: The template includes a reusable header and footer component that can be easily incorporated into any web page.
• Protected Profile Page: This page is only accessible to authorized users and is rendered server-side, ensuring the security of user data.
• Blog Page: A page that displays blog posts, allowing users to read and engage with content.
• Protected Post Page: Similar to the profile page, this page requires authentication and displays individual blog posts.
• JSONPlaceholder Support: The template supports the use of JSONPlaceholder, allowing users to retrieve and display data from this API.
• Google OAuth2Provider: The template is preconfigured to work with Google OAuth2Provider, providing an easy way to authenticate users using their Google accounts.
• SCSS Styling: The template utilizes SCSS (Sass) for styling, making it easier to customize the appearance of the site.

Installation:

To install this SvelteKit Template, follow these steps:

1. Clone the repository: git clone https://github.com/<repository>
2. Change into the project directory: cd <project_directory>
3. Install the dependencies: npm install
4. Configure Google OAuth2Provider:
   • Obtain the required credentials from the Google Developer Console.
   • Create a .env file in the project root directory and add your Google credentials in the following format:

     CLIENT_ID=<your_client_id>
     CLIENT_SECRET=<your_client_secret>
     REDIRECT_URI=<your_redirect_uri>
     

5. Start the development server: npm run dev

You should now have the SvelteKit Template up and running locally.

Summary:

This SvelteKit Template provides a ready-to-use foundation for web applications that require user authentication through Google accounts. It offers various features, including reusable header and footer components, protected profile and post pages, a blog page, and JSONPlaceholder support. With preconfigured Google OAuth2Provider and SCSS styling, this template streamlines the development process and allows for easy customization.