I noticed that npm run dev generates the following output:

[Browsersync] Access URLs:
 -------------------------------
    Local: http://localhost:8080
 External: http://false:8080
 -------------------------------
[Browsersync] Serving files from: _site

   ┌─────────────────────────────────────────────────┐
   │                                                 │
   │   ◈ Server now ready on http://localhost:8888   │
   │                                                 │
   └─────────────────────────────────────────────────┘

I thought it was odd that the two local URLs had different ports. I tried specifying other ports in package.json by adding --port=8081 to the build and start scripts, but then got 404 errors for /.netlify/functions/auth-before. It looks like 8888 is hard-coded here:

Should the demo project be able to work with ports other than 8888? Or is this the mismatch a requirement for Netlify functions?

Thanks! Sorry for not attempting a PR, I'm still a bit new to Eleventy.

I’d love to see it on the API Services https://www.11ty.dev/docs/api-services/

But it might be better bundled with the Serverless plugin, because of the tight coupling here https://github.com/11ty/demo-eleventy-serverless-oauth/blob/main/netlify/functions/dynamic/index.js

https://auth0.com/docs/api

Could you please add a license file for this repository, if that aligns with your intended use for it? Thank you!

Documentation

• https://api.stackexchange.com/docs/authentication
• https://api.stackexchange.com/docs/me

Broad steps (to be validated)

1. Get the app's OAuth Domain to be used on the app registration at https://stackapps.com
2. Register the OAuth app at https://stackapps.com/apps/oauth/register and get the Stack Overflow Oauth client id and client secret.
3. Add the STACKEXCHANGE_OAUTH_CLIENT_ID and STACKEXCHANGE_OAUTH_CLIENT_SECRET to the corresponding site on Netlify.
4. Update providers.js and auth.js in netlify/functions/Utils
   • Add Stack Exchange to a new provider.
     Notes:
     1. There are two domains to be used: https://stackoverflow.com for authentication and https://api.stackexchange.com to get the user data.
     2. On Stack Overflow/Stack Exchange OAuth it is required to set a site name, i.e., stackoverflow, meta, webapps, etc. A basic setup might use a hardcoded site name. Ideally, the form should include a select so the user can select the source of the site user profile. Another approach might be to show the user data from the Stack Exchange network profile instead but this should be told to the user.
5. Add a Stack Overflow / Stack Exchange login button to the static form.

Hello. And how to run all this on your own hosting? As far as I understand, the netlify functions will not work

👀 https://www.netlify.com/blog/2021/11/17/first-look-announcing-api-authentication-on-netlify/

https://developer.okta.com/code/