PWA / HomeScreen install seems to open inapp browser when navigating

[crystal swan]

Hello!

Having issues with Next 13! When I install my app on my iphone (Add to Home Screen) and navigate to a new page, it seems to open in a 'inapp browser'. Using the new app router stuff! Anyone have any idea on how to fix this? Was able to debug and find that it does it after navigation.

[wispy reef]

Post created!

🔎 This post has been indexed in our web forum and will be seen by search engines so other users can find it outside Discord

🕵️ Your user profile is private by default and won't be visible to users outside Discord, if you want to be visible in the web forum you can add the "Public Profile" role in id:customize

✅ You can mark a message as the answer for your post with Right click -> Apps -> Mark Solution
(if you don't see the option, try refreshing Discord with Ctrl + R)

[fervent dagger]

Needs more information. what pwa plugin are you using. What is your pwa settings. what specific version of next are you on. etc

[crystal swan]

Hello!

Installed this only for testing -> https://github.com/ducanhgh/next-pwa/ It's still in there as just the default install options

Nextjs.config:

/** @type {import('next').NextConfig} */
const withPWA = require('@ducanh2912/next-pwa').default({
    dest: 'public',
});
const path = require('path');

const nextConfig = {
    reactStrictMode: false,
    output: 'standalone',
    env: {
        API_URL: process.env.API_URL,
    },
    sassOptions: {
        includePaths: [path.join(__dirname, 'styles')],
    },
};

module.exports = withPWA(nextConfig);

Versions:

"next": "13.4.17",
"react": "18.2.0",

[fervent dagger]

yeah there is quite a bit you need to do to make a pwa work. it doesnt just magically work with the plugin as base. id suggest reading through all of the options and tweaking as needed for your app

[crystal swan]

Noted, but this is a rewrite of the same app from 11.1 to 13. The 11.1 version had no PWA options, PWA may be the wrong terminology. Issue being more of how the app will open full screen (image 1) but once navigating, it adds the browser bar. The prior 11 version did not do that

[fervent dagger]

i understand. next 13 handles everything completely differently from 11, and as such there will be lots of changes

[crystal swan]

Figured it out, wasn’t loading the manifest lol