articles added

projects/best-practice/app-router-auth/en.mdx

@@ -1,47 +0,0 @@
----
-title: 'Next.js: Authentication'
-description: 'Best practices for Server Components, Actions, Middleware'
-tags: ['typescript', 'cookie', 'ssr', 'prisma']
----
-
-<AuthExample />
-
----
-
-## About this approach
-
-Getting user data: `const user = await getUser();`. It's very simple :)
-
-- hi
-- man `test` good!
-- i'm good
-
-test))
-
-```typescript filename="features/auth/api/jwt.ts" githubPath="src/features/auth/api/jwt.ts"
-import { SignJWT, jwtVerify } from 'jose';
-import { SessionPayload } from '../types/definitions';
-
-const secretKey = process.env.SESSION_SECRET;
-const encodedKey = new TextEncoder().encode(secretKey);
-
-export async function encrypt(payload: SessionPayload) {
-	return new SignJWT(payload)
-		.setProtectedHeader({ alg: 'HS256' })
-		.setIssuedAt()
-		.setExpirationTime('7d')
-		.sign(encodedKey);
-}
-
-export async function decrypt(session: string | undefined = '') {
-	try {
-		const { payload } = await jwtVerify(session, encodedKey, {
-			algorithms: ['HS256'],
-		});
-		return payload;
-	} catch (error) {
-		// console.log('Failed to verify session');
-		return null;
-	}
-}
-```

projects/best-practice/app-router-auth/examples/auth.tsx

@@ -27,6 +27,7 @@ export const AuthExample = async () => {
 			<div className='grid sm:grid-cols-2 gap-12'>
 				<FormLoginExample className='w-full' isDisabled={Boolean(user)} />
 				<CodeBlock
+					hideHeader
 					dict={dict.ui}
 					text={
 						'# Administrator:\n- Username: admin\n- Password: pass\n\n# User:\n- Username: user\n- Password: pass'