diff --git a/docs/fern/docs/pages/getting-started/overview.mdx b/docs/fern/docs/pages/getting-started/overview.mdx index 085283882..6cd4ce470 100644 --- a/docs/fern/docs/pages/getting-started/overview.mdx +++ b/docs/fern/docs/pages/getting-started/overview.mdx @@ -7,7 +7,7 @@ subtitle: Welcome to Stack! Setup Stack in your project @@ -16,14 +16,14 @@ subtitle: Welcome to Stack! icon="fa-regular fa-file-lines" href="../sdk/user.mdx" > - Learn how to use Stack SDKs + Learn how to use Stack's SDKs for Next.js - Explore Stack REST API + Explore Stack's REST API for frameworks that aren't natively supported yet {user ? `Hi, ${user.displayName}` : 'You are not logged in'}; } ``` -That's it! You don't need to worry about fetching the user, storing the user data, handling loading states, or refreshing user data. Stack manages all of that for you. +That's it! Stack will either return a User object or redirect the user to the login page. You can also add a button to change the user's name: ```tsx - ``` -The user data will be updated in both the frontend and backend automatically. The updated user data will also reflect in `MyComponent` as well. +The user data will update in both the frontend and backend automatically. The updated user data will be reflected in all other components on your page as well. -You also get pages and components for authentication flow out-of-the-box. This for example the sign-in page is what you get without writing a single line of code: +You also get pages and components for authentication flow out-of-the-box. This is the sign-in page that you get without writing a single line of code: ![Stack sign up page](../imgs/signup-page.png) +Notably, there's no branding on any of our components. We believe that we should grow by building the best product, not by forcing our brand on your users — but this means that we **rely on you to spread the word about Stack**. If you like what you're reading, we'd love if you could take a second to tell one or two of your friends about us. + If you prefer a fully customized UI, you can use our low-level functions like `signInWithOAuth` or `signInWithCredential` to build your own sign-in page: ```tsx @@ -85,8 +89,10 @@ To manage everything efficiently, there is a powerful admin dashboard: ![Stack dashboard](../imgs/dashboard.png) -Best of all, Stack is **100% open-source**. +Best of all, Stack is **100% open-source**. That means client, server, dashboard, and even this very documentation you're reading right now. Feel free to check out our [GitHub](https://github.com/stack-auth/stack) and open an issue or pull request. This is just a glimpse of what Stack can do. Stack also handles many other tasks like backend integration, data storage, emails, teams, permissions, and more, which you will learn later in the documentation. -If this sounds interesting, let's get started with setting up Stack in your project! +If this sounds interesting, [get started](../getting-started/setup.mdx) with our interactive setup wizard, or join [our Discord community](https://discord.stack-auth.com) to ask questions and get help from our team. + +We're excited to have you on board! 🚀