https://github.com/dugjason/nextjs-front-plugin-with-cookie
Basic Next.js app used as a Front.com plugin, setting partitioned cookies via Server Actions
https://github.com/dugjason/nextjs-front-plugin-with-cookie
cookies frontapp nextjs
Last synced: about 2 months ago
JSON representation
Basic Next.js app used as a Front.com plugin, setting partitioned cookies via Server Actions
- Host: GitHub
- URL: https://github.com/dugjason/nextjs-front-plugin-with-cookie
- Owner: dugjason
- Created: 2024-03-11T20:28:14.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-03-12T18:00:12.000Z (over 2 years ago)
- Last Synced: 2024-04-24T08:14:49.068Z (about 2 years ago)
- Topics: cookies, frontapp, nextjs
- Language: TypeScript
- Homepage: https://nextjs-front-plugin-with-cookie.vercel.app
- Size: 64.5 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
This is a [Next.js](https://nextjs.org/) project demonstrating how to set and unset [Cookies](https://nextjs.org/docs/app/api-reference/functions/cookies) using [Server Actions](https://nextjs.org/docs/app/building-your-application/data-fetching/server-actions-and-mutations).
This example can be applied when managing cookies in a [Front.com sidebar plugin](https://dev.frontapp.com/docs/plugin-overview).
## Getting Started
Install the dependencies, run the development server:
```bash
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
```
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
Next, open Front ([app.frontapp.com](https://app.frontapp.com) or log in via your SSO provider), and head to **Settings > Developers > Create App**.
Create a new app with **Sidebar Plugin** feature, and add `http://localhost:3000` as the plugin URL.
Now you can click back into your Front inbox, and select the plugin in your sidebar.
## Demo
A demo version of this application is published at `https://nextjs-front-plugin-with-cookie.vercel.app/`.
You are welcome to test this by creating a Front Sidebar Plugin app, and adding this as the Side panel URL.
## Learn More
To learn more about Next.js, take a look at the following resources:
- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- [Front Plugin guide](https://dev.frontapp.com/docs/plugin-getting-started) - get started developing Front plugins.
## Deploy on Vercel
The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new) from the creators of Next.js.
Check out the [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.