Need help with next-absolute-url?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

jekrb
134 Stars 17 Forks 26 Commits 8 Opened issues

Description

Get the absolute URL of your Next.js app (optionally set a localhost dev URL)

Services available

!
?

Need anything else?

Contributors list

# 224,356
apache
actions...
source
flash
11 commits
# 472,070
TypeScr...
nextjs
service...
workbox
3 commits
# 504,400
React
TypeScr...
webwork...
JavaScr...
2 commits
# 78,901
appserv...
bittorr...
sso-log...
oauth2
1 commit
# 26,723
JavaScr...
HTML
React
elastic...
1 commit

next-absolute-url

Get the protocol and host for the absolute URL of your Next.js app (and optionally set a dev url)

This module enables you to easily get the protocol and host of your Next.js app, both on the server and the client. Optionally, you can set a localhost variable, which is useful for local development if you have local lambda functions running on a different port.

Usage

I'm honored that an excellent blog post has been published about this package. For detailed usage, please see: https://codeconqueror.com/blog/get-the-current-url-in-next-js

import absoluteUrl from 'next-absolute-url'
const { protocol, host } = absoluteUrl(req, 'localhost:8004')
const apiURL = `${protocol}//${host}/api/job.js`

or if you just want the full URL origin:

import absoluteUrl from 'next-absolute-url'
const { origin } = absoluteUrl(req)
const apiURL = `${origin}/api/job.js`

If you deployed your Next.js app with

now
the
apiURL
will be something like
https://your-app.now.sh/api/job.js
.

However, if you are running the app locally the

apiURL
will be
http://localhost:8004/api/job.js
instead.

Install

With npm installed, run

npm install next-absolute-url

MIT

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.