Based on the information I've gathered, it seems that using www is more effective than not using it. I am interested in redirecting all non-www requests to www.
I am considering adding this functionality either in the next.config.js file or, if that's not possible, in the middleware.js file.
Thanks to the assistance of @Johan, I have successfully crafted a solution for nextjs:
// middleware.ts
import { NextResponse } from 'next/server'
import type { NextRequest } from 'next/server'
// Make this function `async` if using `await` internally
export function middleware(req: NextRequest) {
const host = req.headers.get('host')
if (host?.slice(0, 4) !== 'www.' && !host?.includes('localhost')) {
return NextResponse.redirect(`https://www.${host}${req.nextUrl.pathname}`, 301);
}
}
If you're unable to achieve it using next.config.js, consider implementing the following code in your primary js file with express:
const server = express()
server.use((req, res, next) => {
if (req.headers.host.slice(0, 4) === 'www.') {
next()
} else {
res.writeHead(301, {
Location: `https://www.${req.headers.host}${req.url}`
})
res.end()
}
})
Hey there! I have a database filled with people's information and I really need to add a search feature to my web app so users can easily find what they're looking for. I attempted to implement the Full Text Search functionality, as outlined in ...
Illustrate with an example: class ModuleOptions { key1?: string; key2?: string; keyA?: string; keyB?: string; } class Module { static options: ModuleOptions = { key1: 'key1', key2: 'key2', keyA: 'keyA&apos ...
While running a demo using vue + TypeScript with Parcel, I encountered an error in the browser after successfully bootstrapping: vue.runtime.esm.js:7878 Uncaught TypeError: Cannot read property 'split' of undefined at Object.exports.install ...
Assuming I have a method decorator like this: class Service { @LogCall() doSomething() { return 1 + 1; } } Is there a way to simulate mocking the @LogCall decorator in unit tests, either by preventing it from being applied or by a ...
I encountered issues when attempting to utilize the @types/graphql package alongside TypeScript Node Starter node_modules//subscription/subscribe.d.ts(17,4): error TS2314: Generic type AsyncIterator<T, E>' requires 2 type argument(s). node_modu ...
Currently, I am in the process of writing a test case for a page within an application that our team is actively developing. However, I have encountered a challenging error within one of the test cases that I am struggling to overcome. Below is my Spec fil ...
I'm encountering an issue while using getStaticProps(). I am working with nextjs and passing the returned value as props to a component. Despite trying various methods such as await and JSON.stringify(), nothing seems to be effective in resolving the ...
Currently, I am working on an application using Next.js specifically for user authentication via JWT's and then redirecting them to our main web application. Previously, before the release of version 12 of Next.js, I utilized next-connect to execute a ...
Currently, I am working on integrating the Adsterra Banner 300x50 into a ts/js reactjs + nextjs project. The provided script code from Adsterra is as follows: <script type="text/javascript"> atOptions = { 'key' : 'XXXXXX&a ...
I am looking for an efficient way to build a multi-project application. Currently, my project structure looks like this: Each app is a nodejs application - parent folder (git root) |- app1 |-- app1-backend |-- app1-frontend |- app2 |- app3 Right now, I ...
I am attempting to add an event listener to an element created with a unique identifier using uuid, but I keep getting an error that states "Cannot read properties of null (reading 'addEventListener')" export class CommentItemComponent implements ...
When working on interfaces, I often find myself wanting to extend the type Record in order to define objects with predefined keys and optional values without knowing their names. For instance: interface Person extends Record<string, string>{ phonen ...
I encountered an issue when adding the cordova-plugin-file-transfer plugin, where I received the error message: reader.addEventListener is not a function. This problem arises due to Cordova FileReader class overriding typescript FileReader. How can this ...
https://i.sstatic.net/zQzAC.jpg I've been attempting to include the X-APIKeys headers in every api call, but I'm only finding examples in curl. Here's what I've tried: var accessKey = "gdgfdgdfgdgdgfdgdfgfdgfdgdgh"; var sec ...
I have been attempting to transpile the module "react-device-detect" from node_modules, but so far I have been unsuccessful. Here is what I have tried: module.exports = withLess({ webpack: (config, { isServer, defaultLoaders }) => { // other confi ...
I'm facing an issue with retrieving data from a child array named store within user data returned by an API. When trying to access this child array in my view, it keeps returning undefined. Code export class TokoPage implements OnInit { store= nu ...
I have encountered an issue where I am attempting to pass 3 parameters (2 types and one string) but they are showing up as null on the server side. Below is my service: const httpOptions = { headers: new HttpHeaders({ 'Content-Type&ap ...
Is there a way to set Angular to automatically send requests as x-www-form-urlencoded instead of JSON by default? Angular version 1.4.5 I've tried the following code snippet but it doesn't seem to work: angular.module('APP').config( ...
I've been struggling to reset form data after submission, and it seems like the useResetForm hook isn't working as expected. Code Section <script setup lang="ts"> import CircularProgress from "@/components/CircularProgress. ...
I am currently developing a chat page with Ionic 4 and I'm attempting to implement an automatic scroll feature to the bottom of the page. However, the method I tried using doesn't seem to be working as expected: import { IonContent } from "@ioni ...