https://github.com/optimizely/next-js-starter-kit
https://github.com/optimizely/next-js-starter-kit
optimizely-environment-public optimizely-library optimizely-owner-px
Last synced: 6 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/optimizely/next-js-starter-kit
- Owner: optimizely
- Created: 2023-07-13T20:05:20.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-07-14T14:09:25.000Z (over 2 years ago)
- Last Synced: 2024-11-12T23:19:06.747Z (over 1 year ago)
- Topics: optimizely-environment-public, optimizely-library, optimizely-owner-px
- Language: TypeScript
- Homepage:
- Size: 86.9 KB
- Stars: 3
- Watchers: 5
- Forks: 2
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Optimizely Next.js Starter Kit
The goal of this repo is to get you to a running NextJS app with [Optimizely React SDK](https://github.com/optimizely/react-sdk) as fast as possible.
## Prerequisites
To run the application, you need to have the following installed:
- Visual Studio Code (VSCode)
- Install extension [Dev Containers](https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-containers)
- Docker or Docker Desktop
## Getting Started
To get started with the application, follow these steps:
1. Open Visual Studio Code and press `Ctrl + Shift + P` (or `Cmd + Shift + P` on macOS) to open the command palette. Type "Dev Containers: Clone Repository in Container Volume" and press Enter.
2. Enter the repository address `https://github.com/optimizely/next-js-starter-kit`.
3. If asked, choose the `main` branch.
4. Once the repository is cloned and opened in the dev container, run the project by opening a terminal in Visual Studio Code (press `` Ctrl + ` `` (or `` Cmd + ` `` on macOS) and execute the following command:
```shell
npm run dev
```
5. Click the link to the http://localhost:3000/ address to open a browser to the running Next app and seeing the quick Start information on the home page.
## To Exit
1. Type `Ctrl + C` in the terminal panel where your `npm run dev` was running.
2. Press `Ctrl + Shift + P` (or `Cmd + Shift + P` on macOS) to open the command palette.
3. Select the "Remote: Close Remote Connection" command, which will close the project and exit the running container.
## What To Do From Here
Take a look at the following Optimizely resources to support experimentation and feature flagging for your Next project:
- [React SDK](https://github.com/optimizely/react-sdk)
- [React Quickstart](https://docs.developers.optimizely.com/feature-experimentation/docs/react-quickstart)
- [React SDK Documentation](https://docs.developers.optimizely.com/feature-experimentation/docs/javascript-react-sdk)
### Other Optimizely SDKs
- Agent - https://github.com/optimizely/agent
- Android - https://github.com/optimizely/android-sdk
- C# - https://github.com/optimizely/csharp-sdk
- Flutter - https://github.com/optimizely/optimizely-flutter-sdk
- Go - https://github.com/optimizely/go-sdk
- Java - https://github.com/optimizely/java-sdk
- PHP - https://github.com/optimizely/php-sdk
- Python - https://github.com/optimizely/python-sdk
- React - https://github.com/optimizely/react-sdk
- Ruby - https://github.com/optimizely/ruby-sdk
- Swift - https://github.com/optimizely/swift-sdk