Nextjs integrated with Samsung (Tizen) TV
We are excited to introduce the development of web application frameworks and innovative TV technology. Today, we will showcase the step-by-step process to seamlessly integrate Next.js with Samsung Tizen TV.
First, create a Next.js app by running the following command: npx create-next-app@latest
Before build/out the project, add the following line of code to next.config.js.
output:” export”, assetPrefix:”./”
After adding this line then run yarn then build/out the project by running the command yarn build
To proceed, please follow these steps:
- Install Tizen Studio and its dependencies.
- After installation, create a new project and select the desired template.
Select the “TV-Samsung” template when creating a new project.
In the next step, provide a name for your project and choose the directory where you want it to be located within the “build/out” folder. Once done, click “Finish” to proceed.
Make sure to use the File Explorer to perform this step:
- Navigate to the “build” folder.
- Copy the generated files: “.project”, “.tproject”, “config.xml”, “.settings”, and “icon.png”.
Paste the copied files into the “public” folder of your Next.js app. Once the files are placed, build your project using the command “yarn build”.
creates .gitignore file add this line according to your project structure.
After completing the previous steps, go to your Tizen Studio project, right-click on it, and select “build project”. Once the build is finished, you are almost done. Now you are ready to launch the Tizen project.
If you want to run your application on physical devices, please refer to this link: https://developer.samsung.com/smarttv/develop/getting-started/using-sdk/tv-device.html.
Once you have completed the setup for physical devices, you are good to go for launching on them.
That’s it! You can now integrate Next.js with Samsung (Tizen) TV App successfully. We hope this article is helpful. Stay connected for more updates and information.
Note: Next articles on Next.js with LG webOS TV App coming soon. Keep coding and enjoy!