Add mention to env var prefix for Next.js users

meilisearch · Aug 23, 2023 · 1e8de32 · 1e8de32
1 parent c7a2345
commit 1e8de32
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/learn/cookbooks/vercel.mdx b/learn/cookbooks/vercel.mdx
@@ -81,6 +81,10 @@ Go back to your project settings and check the new Meilisearch environment varia
 
 ![Display the environment variables in the project settings](https://raw.githubusercontent.com/meilisearch/documentation/main/assets/images/vercel/07.project-settings-environment-variables-tab.png)
 
+<Capsule intent="tip">
+When using Next.js, ensure you prefix your browser-accessible environment variables with `NEXT_PUBLIC_`. This makes them available to the browser side of your application.
+</Capsule>
+
 ## Take advantage of the Meilisearch Cloud dashboard
 
 ![Meilisearch Cloud dashboard: overview of the "search-app" project](https://raw.githubusercontent.com/meilisearch/documentation/main/assets/images/vercel/08.meilisearch-cloud-dashboard.png)