34 lines
877 B
Markdown
34 lines
877 B
Markdown
## The server/ folder is ideal for handling server-side logic, such as:
|
||
|
||
Database operations
|
||
Authentication and authorization
|
||
File uploads and processing
|
||
Integration with third-party APIs
|
||
|
||
7. Accessing Environment Variables
|
||
You can access environment variables in your server-side code using process.env or Nuxt 3’s runtime config.
|
||
Example:
|
||
ts
|
||
Copy
|
||
|
||
export default defineEventHandler((event) => {
|
||
const apiKey = process.env.API_KEY;
|
||
return { apiKey };
|
||
});
|
||
|
||
8. Server-Side Rendering (SSR) Support
|
||
The server/ folder works seamlessly with Nuxt 3’s SSR capabilities. For example, you can fetch data from your API routes during SSR using useFetch or useAsyncData.
|
||
Example:
|
||
vue
|
||
Copy
|
||
|
||
<!-- <script setup>
|
||
const { data } = await useFetch('/api/hello');
|
||
</script>
|
||
|
||
<template>
|
||
<div>
|
||
<h1>{{ data.message }}</h1>
|
||
</div>
|
||
</template> -->
|