NextJs redects / rewrites

in next.config.js

redirects ()
return array
source : 입력받는 경로
destination : 리덱트할 최종 경로
단점: 경로의 변경이 눈으로 확인된다.
경로/:path 로 설정하면 경로뒤에 값을 리디렉트 한다. /:path*

 module.exports = {
	...
    
    async redirects () { 
    
    	return [ 
          {
			source : '/old-blog/:path', // 내 도메인 뒤에 입력될 경로  
            destination: '/new-blog/:path',
            permanent: false,
          }  
        ]
    
    }
}

rewrites()
return array
source: 호출 URL
destination: 호출 url에 상응하는 url (노출되지않음)
경로/:path 로 설정하면 경로뒤에 값을 리디렉트 한다. /:path*

in next.config.js

module.exports ={
	...
    async rewrites() {
    
    
    	return [
        		{
                	source : '/api/movies',
                     //api key 노출위험이 없음.
                    destination:  `https://api.themoviedb.org/3/movie/popular?api_key=${API_KEY}`,
                
                }
        
        
        	]
       }
}


//실 사용 예 

in components 

... 
const response = fetch('/api/movies');