Hello,

i've try to install the package like described in the readme.

Environment:

• Next.js v12.2.4
• Django 4.0.6

Everything was installed successfully but i have several errors:

First of all on index js i get the error: WebSocket connection to 'ws://127.0.0.1:8000/_next/webpack-hmr' failed:

But i can see the nextjs index.

Then i want to try to change the route to /test

I described a view and parsed it to the url. If i call the url i got the error: too many redirects and the page wouldn't load:

Here my Settings.py:

from pathlib import Path

BASE_DIR = Path(__file__).resolve().parent.parent

SECRET_KEY = 'django-insecure-%2spqobsw&i$k(n(%(siwd#fxzh^h%wqk5nc3nx0_$upu8r5!q'

DEBUG = True

ALLOWED_HOSTS = []

INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    "django_nextjs",
]

MIDDLEWARE = [
    'django.middleware.security.SecurityMiddleware',
    'django.contrib.sessions.middleware.SessionMiddleware',
    'django.middleware.common.CommonMiddleware',
    'django.middleware.csrf.CsrfViewMiddleware',
    'django.contrib.auth.middleware.AuthenticationMiddleware',
    'django.contrib.messages.middleware.MessageMiddleware',
    'django.middleware.clickjacking.XFrameOptionsMiddleware',
]

ROOT_URLCONF = 'empire_next.urls'

TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': [],
        'APP_DIRS': True,
        'OPTIONS': {
            'context_processors': [
                'django.template.context_processors.debug',
                'django.template.context_processors.request',
                'django.contrib.auth.context_processors.auth',
                'django.contrib.messages.context_processors.messages',
            ],
        },
    },
]

WSGI_APPLICATION = 'empire_next.wsgi.application'

DATABASES = {
    'default': {
        'ENGINE': 'django.db.backends.sqlite3',
        'NAME': BASE_DIR / 'db.sqlite3',
    }
}


AUTH_PASSWORD_VALIDATORS = [
    {
        'NAME': 'django.contrib.auth.password_validation.UserAttributeSimilarityValidator',
    },
    {
        'NAME': 'django.contrib.auth.password_validation.MinimumLengthValidator',
    },
    {
        'NAME': 'django.contrib.auth.password_validation.CommonPasswordValidator',
    },
    {
        'NAME': 'django.contrib.auth.password_validation.NumericPasswordValidator',
    },
]


LANGUAGE_CODE = 'en-us'

TIME_ZONE = 'UTC'

USE_I18N = True

USE_TZ = True


STATIC_URL = 'static/'



DEFAULT_AUTO_FIELD = 'django.db.models.BigAutoField'

views.py

from django.shortcuts import render

# Create your views here.

from django_nextjs.render import render_nextjs_page_sync


def index(request):
    return render_nextjs_page_sync(request)


def test(request):
    return render_nextjs_page_sync(request)

urls.py

from django.contrib import admin
from django.urls import path, include

urlpatterns = [
    path('admin/', admin.site.urls),
    path("", include("backend.urls")),
    path("", include("django_nextjs.urls")),
]

backend.urly.py:

from django.urls import path
from .views import index
urlpatterns = [
    path("", index, name="index"),
    path("test/", index, name="test"),
]

any solution for this?

after changing to channels with asgi.py, 'admin' listed in urls.py can not accessed correctly. any guidance about how to handle middleware like this? Thanks,

my urls.py is:

from django.contrib import admin
from django.urls import include, path, re_path
from django.views.generic.base import RedirectView
# from .views import jobs

# favicon_view = RedirectView.as_view(url='static/vercel.svg', permanent=True)

urlpatterns = [
    # path('', jobs),
    path('admin/', admin.site.urls),
    re_path(r'^vercel\.svg$', RedirectView.as_view(url='static/vercel.svg')),
    path('favicon.ico', RedirectView.as_view(url='static/favicon.ico')),  
]

all these 3 paths are not working if channels and django-nextjs enabled in INSTALLED_APPS in settings.py.

hey my nextjs version is:

@next/[email protected]
├─ @next/[email protected]
├─ @next/[email protected]
├─ @next/[email protected]
├─ @next/[email protected]
├─ @next/[email protected]
├─ @next/[email protected]
├─ @next/[email protected]
├─ @next/[email protected]
├─ @next/[email protected]
├─ @next/[email protected]
├─ @next/[email protected]
├─ @next/[email protected]
├─ @next/[email protected]
├─ [email protected]
│  ├─ @next/[email protected]
│  ├─ resolve@^2.0.0-next.3
│  ├─ [email protected]
├─ [email protected]
│  ├─ @next/[email protected]
│  ├─ @next/[email protected]
│  ├─ @next/[email protected]
│  ├─ @next/[email protected]
│  ├─ @next/[email protected]
│  ├─ @next/[email protected]
│  ├─ @next/[email protected]
│  ├─ @next/[email protected]
│  ├─ @next/[email protected]
│  ├─ @next/[email protected]
│  ├─ @next/[email protected]
│  ├─ @next/s[email protected]
│  ├─ @next/[email protected]

I am getting 'WebSocket connection to 'ws://localhost:8000/_next/webpack-hmr' failed: ' screenshot attached

Hi,

If the Django server is set to run with debug=False, then all the requests will pass through the render_nextjs_page_sync, according to this statement in urls.py:

if settings.DEBUG:
    # only in dev environment
    urlpatterns.append(re_path(r"^(?:_next|__nextjs|next).*$", NextJSProxyView.as_view()))

The problem is that all the .js bundles requests will have their content-type property set to text/html, as this is happening for each request that passes through this view:

from django_nextjs.render import render_nextjs_page_sync

def index(request):
    return render_nextjs_page_sync(request)

Should the content-type be manually computed and then specified as an argument to the render_nextjs_page_sync method? I don't see other way around it.

Thank you!

Currently, redirects received from the NextJS server are not supported. More specifically, I'm referring to this kind of redirects:

I have roughly added support for 308 codes, yet the implementation is not tested nor does it feel complete. Could you please guide me on how to complete this implementation?

Hello, I am a Korean django developer.

I work for a company called Buildblock and I want to change the frontend technology stack from django template to nextjs. However, django couldn't recognize the static file built in nextjs and ended up using django-nextjs.

However, redirects are required for translation on our website, but django-nextjs redirects were rejected because allow_redirects was False. So this error occurred.

Therefore, it is suggested to add allow_redirects as a parameter to the render_nextjs_page_sync function. We confirmed that this change would give us the desired behavior.

I look forward to a good answer. thank you

After changing to Django channels and asgi.py in order to make websocket work, I tried all static files deployment configuration for Django 4, nothing works for correct loading vercel.svg. Please provide some guidance about this.

I followed the steps from this tutorial. I added the created a new app called frontend and added the following codes:

# myproject/urls.py
from django.urls import include, path
urlpatterns = [
    # ...
    path("", include("frontend.urls")),
    path("", include("django_nextjs.urls")),
]

# frontend/views.py
from django_nextjs.render import render_nextjs_page_sync
def index(request):
    return render_nextjs_page_sync(request)

# frontend/urls.py
from django.urls import path
from .views import index
urlpatterns = [
    path("", index, name="index"),
]

I can now see the homepage (situated at "localhost:8000/" route) But I can't visit any other routes like "http://localhost:8000/create" which I can visit from my nextjs server "http://localhost:3000/create".

I tried adding a new route in frontend.urls.py like this

from django.urls import path
from .views import index

urlpatterns = [
    path("", index, name="index"),
    path("create/", index, name="index"),
]

but I kept getting too many redirects. Can someone show me the correct way to do this or is it even necessary to add endpoints manually?

I'm unable to use the library on a Python 3.8.5 environment, it complaints about the following issue:

unsupported operand type(s) for |: 'dict' and 'dict'

Couldn't the library just use the ** syntax, which is supported starting from Python 3.5?

While using django-nextjs, there is a situation where need to set allow_redirects to True, so I suggest adding the allow_redirects field as a parameter to functions such as render_nextjs_page_sync.

Please check here for details.

thank you.

Some type annotations are incorrect, e.g. the return type of render_nextjs_page_sync and render_nextjs_page_async.

https://github.com/QueraTeam/django-nextjs/blob/d29b04e8064afbff2496430e7b3bbda81a78ee16/django_nextjs/render.py#L62

https://github.com/QueraTeam/django-nextjs/blob/d29b04e8064afbff2496430e7b3bbda81a78ee16/django_nextjs/render.py#L103

https://github.com/QueraTeam/django-nextjs/blob/d29b04e8064afbff2496430e7b3bbda81a78ee16/django_nextjs/render.py#L112

https://github.com/QueraTeam/django-nextjs/blob/d29b04e8064afbff2496430e7b3bbda81a78ee16/django_nextjs/render.py#L154